性能优化之优化加载资源

Posted 2021-03-11 lijianming180

一个网页的加载一般都需要加载：HTML，CSS，JavaScript，图像等资源。资源总字节越大，则需要请求的次数就会越多，加载资源所需要的时间也会越长。因此，根据RAIL评估模型，我们想要在尽量在1s内加载完成网站，就必须要优化我们的加载资源，尽量减少下载次数。

优化加载资源主要有：

1. 避免不必要的下载

2. 资源的压缩和优化

3. HTTP缓存，减少下载次数

   大专栏  性能优化之优化加载资源要的下载" class="headerlink" title="1.避免不必要的下载">1.避免不必要的下载

• 查看网页自有资源和第三方资源，权衡它带来的价值和对网页性能影响的比来决定是否要保留这些资源。

  2.资源的压缩和优化

• 启用GZIP压缩。
• 对CSS，JS，html文件进行内容特定优化，比如：删掉注释减小网页大小，将CSS中重复选择器合折叠为一个，删除制表符和空格。
• 如果可以的话尽量多利用CSS3效果来代替图像。

  3.HTTP缓存，减少下载次数

• 确保服务器提供ETag:有了ETag,当服务器上的资源未发生变化时，可避免下载。
• 确定中间缓存资源。
• 为缓存资源确定适合的max-age时长，单位是秒。