会员登录 | 会员注册 | 意见建议 | 网站地图

站长资源综合门户

当前位置:首页 > 站长学院 > 建站经验 > 5173首页前端性能优化实践

5173首页前端性能优化实践

时间:2012-06-06 18:47:05   作者:   来源:   点击:

别的办事端这次也年夜胆的采取了 varnish 作为缓存加快办事器,这在国内年夜型网站中应该还不多见。

优化功能

做了这么多工作是时候看看优化功能了,先来看一组数据对比:

优化前后的请求数对比:

请求数的年夜年夜削减,减缓了办事器的压力,可以撤失落很多办事器了。

优化前后的静态资源的文件体积对比,没有包含ajax数据等其他文件体积:

从文件体积的对比来看,优化后节流了494KB的下载量,假若依照日PV1000000(估值,实际值远年夜于该值,实际值未便透露)来进行计较,那么每天便可以节流流量470GB。

优化前后的加载时间对比,这是在同样的网络情况下同时测试了淘宝和拍拍来进行对比,测试软件为基于 IE9 的 webWatch,每次测试都是清除缓存,分多次测试取得的一个平均值:

关于加载速度的阐发,淘宝和拍拍的首屏的图片较多,所以首屏的速度快,可是总加载时间要长很多,当然他们的下载量也要年夜很多,5173的首屏是DOM数较多,下载量也小很多,所以总时间和首屏时间相当接近。这里说得总下载量是页面初度加载完成的总下载量,由于都用到延迟加载手艺,向下转动时又会有图片加载,这些时间是不计较在内的。

到底应该如何来权衡网页加载的快慢?此次的优化我没有用 yslow 和 pagespeed 等测试分数的软件,而是以实际的加载速度为优化的目标,首屏的加载速度提升就是最适合实际的说明。如果一个网站打开半天仍是白屏,相信年夜大都人城市感觉很慢。这就是实际的体验,测分软件是反应不出来的。

文章来历:雨夜带刀's Blog

分享到:

网友评论

热门建站经验