当前位置: 代码迷 >> Web前端 >> WPO性能优化统计:41%网页组件设立缓存,仅3%设置了超长过期头
  详细解决方案

WPO性能优化统计:41%网页组件设立缓存,仅3%设置了超长过期头

热度:189   发布时间:2012-08-25 10:06:20.0
WPO性能优化统计:41%网页组件设置缓存,仅3%设置了超长过期头


英文地址点击 此处

下文提到关于缓存和设置Expires Header的知识,可以参见《WPO基础:不同操作系统下如何设置Expires Header 》《WPO基础:浏览器缓存、条件GET请求和Expires Header 》

?

Steve Souders在大半年前通过HTTP Archive的一次统计,一些有趣的数据:

  • 图表生成时间:2011年4月
  • 纳入统计的网站:世界排名前1.7万个网站(可粗略理解为世界最大的1.7万个网站
  • 无缓存资源 vs 有缓存资源:59% vs 41% (这个比例有些偏高,正常网站的图片、js、css一般在70%以上,都是可以缓存的
  • 较长过期头 far expires header:24% (超过一天的 )
  • 超长过期头 far far expires header:3% (超过365天的,仅3%! ?WPO的意识还没有深入人心,起码大多数网站主忽略了这个重要步骤 )

?

Steve举了一个形象的例子,按照这1.7万个站点的统计,网页(多数是首页)会有81个组件,按照上面的统计,只有33个组件有缓存,而48个组件没有缓存。也就意味着用户每次访问,都至少发送48个http的完整请求,耗费了大量时间。33个缓存的组件中只有19个组件添加了超过一天的过期头,意味着第一天的访客第二天来访问网站的时间,会加载至少48+19=67个组件。这的确是很大的浪费。

?

添加缓存,添加超过1天的长过期头――这只是WPO性能优化的一小步,就可能使用户第二次访问减少超过70%的组件下载,大大提升第二次访问速度。可惜做到的网站并不多。WPO不是大企业的专利,不是拥有前端团队才能享有的奢侈品。中小企业只要做到几条简单的原则,同样能够获益!

?

作者:?谭砚耘@用户体验与可用性设计-科研笔记

版权属于:?谭砚耘 (TOTHETOP至尚国际 ?)

版权所有。转载时必须以链接形式注明作者和原始出处

如果你希望与作者交流,请发送邮件到?tanyanyun/at/163.com?别忘了修改小老鼠

  相关解决方案