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