前端网站性能优化的一些主要点

31 阅读1分钟

1. 减少Http请求

合并CSS,JS文件,减少文件数量。使用精灵图等,减少图像请求数量。

2. 使用CDN

将静态资源托管在CDN上,利用全球分布的节点加速资源加载

3. 启用浏览器缓存

协商缓存,强制缓存。

4. 压缩代码

使用如Terser或UglifyJS来压缩混淆代码

5. 减少重拍重绘

减少直接对DOM进行的操作,使用CSS3硬件加速的特性

6.使用HTTP2

Http2支持链接服用和头部压缩