页面的优化

页面的优化（让页面更快的显示和响应）

加载阶段
    关键资源个数。
        减少关键资源个数。
        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、避免频繁的垃圾回收。

关闭阶段