页面的优化(让页面更快的显示和响应)
加载阶段
关键资源个数。
减少关键资源个数。
1、将JS、css内联。
2、JS代码没有DOM或CSSOM操作,可以改成sync或者defer属性。
3、css添加媒体取消阻止显现的标志。
关键资源大小。
减少关键资源的大小。
1、压缩
2、移除注释
请求关键资源需要多少个RTT (往返时延)一个HTTP数据包在14KB左右
1、通过减少关键资源个数和关键资源大小搭配实现。
2、使用cdn来减少每次的RTT时长。
交互阶段
渲染进程渲染帧的速度。让单个帧的生成速度变快。
1、减少JS脚本执行时间。分解任务&web workers
2、避免强制同步布局。
3、避免局部抖动。
4、合理利用css合成动画。
5、避免频繁的垃圾回收。
关闭阶段