码迷,mamicode.com
首页 > 其他好文 > 详细

性能优化之优化加载资源

时间:2020-02-09 11:45:56      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:启用   htm   href   str   下载次数   服务   ade   必须   网站   

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

优化加载资源主要有:

  1. 避免不必要的下载

  2. 资源的压缩和优化

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

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

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

    2.资源的压缩和优化

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

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

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

性能优化之优化加载资源

标签:启用   htm   href   str   下载次数   服务   ade   必须   网站   

原文地址:https://www.cnblogs.com/lijianming180/p/12286272.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!