头像

让你页面速度飞起来 Web前端性能优化【原创

来源:http://www.sucaihuo.com/video/307.html 素材火管理员 2018-02-05 22:12浏览(236) 收藏

100%前端开发者最想解决的网页加载问题,几乎所有的开发者都会面临着开发的网站存在加载问题,想要加快网页的加载速度,前端的页面更需要在性能优化上下功夫,只有这样才能实现更好的用户体验
让你页面速度飞起来 Web前端性能优化
分类:WEB前端 > javascript
下载资源: 10 下载资源 下载积分: 360 积分

程序员,你不是一个人;网站开发QQ群:35291327,在线充值,或联系QQ416148489直接充值

第1章 课程简介

对课程做简单的介绍。

第2章 资源合并与压缩

通过本章,我们学习和理解了web前端的概念,以及性能优化的意义所在,并且通过实战中的压缩与合并,深入理解了减少http请求数和减少http请求资源大小两个优化要点,并且通过实战,帮助学生掌握如何通过网站进行压缩与合并,如果使用半自动化的gulp脚本进行压缩与合并,最终通过优化前后的性能对比,更加量化地去理解了性能

第3章 图片相关的优化

通过本章,帮助学员学习和掌握图片相关的优化方法,理解不同图片格式分别是什么以及如果在不同的业务场景中使用不同的图片格式和图片加载方式。

第4章 css 和 js 的装载与执行

通过本章,帮助学员理解css和js在页面中的加载机制,让学员能初步建立通过理解浏览器渲染机制进行代码优化提升页面访问性能的概念,同时掌握css、js在装载与执行阶段的基础优化。

第5章 懒加载与预加载

通过本章,帮助学员理解资源加载时机对前端性能优化的影响,同时实战理解懒加载和预加载的实现机制。

第6章 重绘与回流

通过本章,帮助学员理解高阶的浏览器渲染机制,深入理解浏览器重绘与回流的机制,从而掌握如何深入地从代码层面基于浏览器的渲染机制进行优化。

第7章 浏览器存储

通过本章,帮助学员理解浏览器存储的核心概念及其在关键业务中的应用,通过浏览器存储,可以在浏览器端建立可控制的缓存机制,从而帮助用户在自己的关键业务上进行相应的优化。

第8章 缓存优化

通过本章,帮助学员掌握如何使用在线cdn提升静态资源的加载速度,如果使用dns-prefetch,以及如何使用服务端缓存来进行搭建,更加完善的资源请求缓存机制。

第9章 SSR(服务端渲染)

通过本章,帮助学员了解服务端渲染的核心概念,以及vue如何做服务端渲染,从而让学员更加深入地理解渲染的性能消耗在性能优化中的意义。
标签: 前端
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/video/307.html
评论23
头像

友情提示:垃圾评论一律封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 22楼
    02-13 15:38
    richer
    很棒的教程,年假期间好好研究一下。
  • 头像 21楼
    02-13 09:14
    小草帽神圣光
    目前正在抽时间看,很不错,干货
  • 头像 20楼
    02-12 20:35
    20111151067
    做web前端,性能优化很重要
  • 头像 19楼
    02-12 08:20
    小草帽神圣光
    不错,是好视频,在真正的生产阶段,性能是非常重要的
  • 头像 18楼
    02-09 22:14
    tiesida
    学习Web前端性能优化,做极致产品
  • 头像 17楼
    02-09 10:52
    \\生命在于折腾
    最近没有心思学习,怎么办啊?
  • 头像 16楼
    02-09 09:22
    感觉非常有用啊,下载了哈哈
  • 头像 15楼
    02-08 22:58
    ミnothing丶
    已经下载了的怎么样,反馈下嘛
  • 头像 14楼
    02-08 12:10
    瑬年、洅等誰
    很有用的东西 下载了看看
  • 头像 13楼
    02-08 09:20
    qinxianwu
    正需要,一直再找 感谢大佬的无私奉献
1 2