别的办事端这次也年夜胆的采取了 varnish 作为缓存加快办事器,这在国内年夜型网站中应该还不多见。
优化功能
做了这么多工作是时候看看优化功能了,先来看一组数据对比:
优化前后的请求数对比:
请求数的年夜年夜削减,减缓了办事器的压力,可以撤失落很多办事器了。
优化前后的静态资源的文件体积对比,没有包含ajax数据等其他文件体积:
从文件体积的对比来看,优化后节流了494KB的下载量,假若依照日PV1000000(估值,实际值远年夜于该值,实际值未便透露)来进行计较,那么每天便可以节流流量470GB。
优化前后的加载时间对比,这是在同样的网络情况下同时测试了淘宝和拍拍来进行对比,测试软件为基于 IE9 的 webWatch,每次测试都是清除缓存,分多次测试取得的一个平均值:
关于加载速度的阐发,淘宝和拍拍的首屏的图片较多,所以首屏的速度快,可是总加载时间要长很多,当然他们的下载量也要年夜很多,5173的首屏是DOM数较多,下载量也小很多,所以总时间和首屏时间相当接近。这里说得总下载量是页面初度加载完成的总下载量,由于都用到延迟加载手艺,向下转动时又会有图片加载,这些时间是不计较在内的。
到底应该如何来权衡网页加载的快慢?此次的优化我没有用 yslow 和 pagespeed 等测试分数的软件,而是以实际的加载速度为优化的目标,首屏的加载速度提升就是最适合实际的说明。如果一个网站打开半天仍是白屏,相信年夜大都人城市感觉很慢。这就是实际的体验,测分软件是反应不出来的。
文章来历:雨夜带刀's Blog