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 别忘了修改小老鼠