web加载优化
Posted life-fxl
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了web加载优化相关的知识，希望对你有一定的参考价值。
三个阶段
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加载优化的主要内容，如果未能解决你的问题，请参考以下文章