web加载优化

标签：次数   关闭   执行   cdn   全局变量   web   动画   过多   base64   

三个阶段

1. 加载阶段；

   （1） 减少关键资源的个数（合并文件，CSS精灵，base64、懒加载）；

   （2） 降低关键资源的大小（减少cookie的传输、开启gzip压缩、webpack打包压缩）；

   （3） 降低关键资源的RTT（往返延时）次数（DNS预解析、使用HTTP2、HTTP缓存、CDN、避免重定向）；

2. 交互阶段；

   （1）减少js脚本的执行时间（拆分多个任务、web worker）

   （2）避免布局抖动、避免重排重绘（事件委托）

   （3）合理利用CSS动画（减少js动画）

   （4）避免过多的全局变量；

3. 关闭阶段；

web加载优化

标签：次数   关闭   执行   cdn   全局变量   web   动画   过多   base64   

原文地址：https://www.cnblogs.com/life-fxl/p/13378458.html