1、关键渲染路径 JavaScript -> style -> layout -> Paint -> Composite
所有使得路径返回或者重新操作的行为,都会影响浏览器的渲染性能,就需要避免这些行为的代码出现。
2、几点优化方式
2.1 使用媒体查询引入css
2.2 外部字体下载到本地
2.3 css压缩
2.4 js使用异步加载,放到body的最底端
2.5 变量定义不要放到for循环里面,防止强制同步布局
2.6 使用http缓存Cache-Control
2.7 图片压缩
2.8 文件压缩
2.9 预加载js
2.10 提出在for循环中,重复查找DOM的代码
2.11 学习chrome 的Performance 不要出现红色提示

接下来会分享更详尽的优化内容,也希望大家一起分享