网页的加载速度直接影响了用户的使用体验,所以应该尽可能的提高玩野加载速度。
影响页面加载速度的因素
当发现一个网页加载速度慢,首先要定位加载慢的原因,可以在NetWork中查看资源的加载情况
也可以利用 Google LightHouse
工具分析原因,它会给我们一些优化建议,可以根据它的建议进行优化。当然,也仅仅只是建议,还要视实际情况而定,我的项目在采取了一些优化建议后,在页面渲染时就出现了问题。
优化手段
- 减少重复请求
- 移除无用的
JS
、CSS
引用,部分JS
异步加载 - 对
JS
、CSS
文件进行打包压缩,可用技术包括Ant
、Gulp
、Grunt
- 服务端配置
Gzip
- 使用
CDN
加载静态资源
参考文章
解读新一代 Web 性能体验和质量指标—(注: 介绍了几种性能指标和对应的优化方法)