文档介绍：WEB站点性能优化实践(加载速度提升2s)
分类: WEB开发 2013-01-24 09:41 592人阅读评论(0) 收藏举报
进行优化前,关键是剖析当前的web性能,找到性能瓶颈,从而确定最需改进的地方;
如果精力有限,首先将精力放在能明显提升性能的改进点上;
《高性能网站建设指南》提出了一个性能黄金法则:
只有10%-20%的最终用户响应时间花在了下载HTML文档上;其余的80%-90%的时
间花在了下载页面中的所有组件上。
由于本文将实施一个完整的优化流程,所以,我们还是从后台开始;

案例说明:
优化之前的网站规模:
2个js、一个页头、一个页脚;3个css;
类型:博客类站点;后台逻辑简单;首页不到10个sql查询;
首页html文档52kb;

第一步:后台优化,启用页面缓存;
实验站点首页后台逻辑并不复杂,不超过10个Sql查询,通过查看时间线,本站在获取
HTML文档时,花费的时间不到总响应时间的20%,优化之前没有使用缓存,所有的数
据都是从数据库读取,这里,我们使用静态页面缓存,将首页整个页面完全的存放在缓
存中(关于YII静态页面缓存的使用,参考这里);
通过查看html文档的生成时间来检测优化效果;
首字节时间为376ms;html生成的时间大大缩短,后台时间减少了一倍。
优化前:

优化后:

第二步,DNS域名解析加速:
1
DNS解析是用户访问站点的第一步,在此之前,你的网站无法做任何事情;
站点的DNS解析时间不应该超过500ms,如果站点原始DNS解析时间过长,就该考虑
考虑使用第三方解析加速服务;
实验站点的原始DNS解析较慢,平均耗时1017ms,算是非常长的;对于DNS加速,
可以使用DNS域名解析加速服务,本站点采用的国内的一款免费DNS加速服务
DNSPOD,效果还不错,使用后平均耗时降到370ms;
加速前测试:

使用DNS域名解析服务之后的测试:

第三步:使用CDN加速;
采用第三方CDN加速,;从下图中看到主要的耗时在于并行下载的个
数有些低,如果能够提升并行下载量的个数,那么整体加载时间就会降低;
注:个人建议,启用CDN最好放在最后一步,等将站点本身的优化都做完了之后,再启
用CDN可以明显的看到优化效果。(开启CDN后,由于有CDN缓存的原因,观测站点
的本身的优化就不是很方便了);

第四步,采用多台服务器提高并行加载量:
原理:一个浏览器对与同一域名的并行下载的个数默认是2个,
个。这样,我们可以使用不同的域名来提升下载的速度;
观察上图中的下载数量,第一次并行下载的个数是4个,初始认为是浏览器对于同一个
域名来源的下载所限导致;于是考虑将部分静态文件分别放在不同的服务器上;通过把
css和js放在不同服务器上;结果并不理想,发现并未提高速度。
想到在哪曾看到过,浏览器必须得把放在页头的css和js下载完成了之后才会开始下载
其它的静态组件;
关于并行下载这点上,后续将继续实验是否还有优化的空间。