WEB站点性能优化实践（加载速度提升2s）

WEB站点性能优化实践（加载速度提升2s）

      虎网科技技术总监：博客中提到关于怎样在网站中进行优化，达到提高网站排名的效果，网站SEO如果只做一些表面的关键词或者文章管理是远远不够的，网站本身的质量是怎么样的？用户体验是否真的很不错等等条件都是很重要的，百度的智能化算法都会对你网站的排名加以影响，天津网站建设——虎网科技对于每个客户的网站都有代码的优化，网站内部结构的提速等等，让新站在排名中本身就具有一定的竞争力。

进行优化前，关键是剖析当前的web性能，找到性能瓶颈，从而确定最需改进的地方；如果精力有限，首先将精力放在能明显提升性能的改进点上；

《高性能网站建设指南》提出了一个性能黄金法则：

只有10%-20%的最终用户响应时间花在了下载HTML文档上；其余的80%-90%的时间花在了下载页面中的所有组件上。

由于本文将实施一个完整的优化流程，所以，我们还是从后台开始；

案例说明：

优化之前的网站规模：

2个js、一个页头、一个页脚；3个css；

类型：博客类站点；后台逻辑简单；首页不到10个sql查询；

首页html文档52kb;

⑴步：后台优化，启用页面缓存；

实验站点首页后台逻辑并不复杂，不超过10个Sql查询，通过查看时间线，本站在获取HTML文档时，花费的时间不到总响应时间的20%，优化之前没有使用缓存，所有的数据都是从数据库读取，这里，我们使用静态页面缓存，将首页整个页面完全的存放在缓存中（关于YII静态页面缓存的使用，参考这里）；

通过查看html文档的生成时间来检测优化效果；

首字节时间为376ms；html生成的时间大大缩短，后台时间减少了一倍。

第二步，DNS域名解析加速：

DNS解析是用户访问站点的⑴步，在此之前，你的网站无法做任何事情；

站点的DNS解析时间不应该超过500ms，如果站点原始DNS解析时间过长，就该考虑考虑使用第三方解析加速服务；

实验站点的原始DNS解析较慢，平均耗时1017ms，算是非常长的；对于DNS加速，可以使用DNS域名解析加速服务，本站点采用的国内的一款免费DNS加速服务DNSPOD，效果还不错，使用后平均耗时降到370ms；

第三步：使用CDN加速；

采用第三方CDN加速，时间缩短到2.1s；从下图中看到主要的耗时在于并行下载的个数有些低，如果能够提升并行下载量的个数，那么整体加载时间就会降低；

注：个人建议，启用CDN较好放在最后一步，等将站点本身的优化都做完了之后，再启用CDN可以明显的看到优化效果。（开启CDN后，由于有CDN缓存的原因，观测站点的本身的优化就不是很方便了）；

第四步，采用多台服务器提高并行加载量：

原理：一个浏览器对与同一域名的并行下载的个数默认是2个， HTTP.1.0中规定的是4个。这样，我们可以使用不同的域名来提升下载的速度；

观察上图中的下载数量，⑴次并行下载的个数是4个，初始认为是浏览器对于同一个域名来源的下载所限导致；于是考虑将部分静态文件分别放在不同的服务器上；通过把css和js放在不同服务器上；结果并不理想，发现并未提高速度。

想到在哪曾看到过，浏览器必须得把放在页头的css和js下载完成了之后才会开始下载其它的静态组件；

关于并行下载这点上，后续将继续实验是否还有优化的空间。

第五步，合并脚本和样式表；

    本站首页使用了2个js和3个css。如果采用朴素复制的方式，将js和css都分别整合到一个文件中，不但操作麻烦，而且不方便后期的管理。网络上有不少合并的工具，本站采用了CSS和JS合并优化工具-minify（下载地址：http://code.google.com/p/minify/）。如果使用的YII框架，更有YII整合版（minscript Extension），简单几步的配置，就自动将页面所有的js和css文件合并；

关于minscript Extension的使用，请参考：https://bitbucket.org/TeamTPG/minscript/wiki/Usage

第六步，压缩css/js/html/xml；

不同的web服务器设置方式有所差别，本站使用的Linux/apache,

在web根目录下的.htaccess文件中添加以下代码即可：

#set compress

 AddOutputFilter DEFLATE html xml php js css

通过firefox工具可看到，压缩前，html文档的大小是25KB；合并后的js大小为138KB；

第七步，最大化的减少HTTP请求；

添加Expires头, 启用静态内容缓存，将jpg、gif等文件缓存；

方法也是在.htaccess中添加：

# Image and Flash content Caching for One Month

Header set Cache-Control “max-age=2592360″

结论

查看最终的测试结果，整体实现了较大的性能提升，最终页面展现时间为1.62s（

红河绿春瑶山畜禽养殖跟虎网科技签定网站建设协议

    瑶山是经红河绿春县工商局审核的正规企业，统一社会信用代码：未知。瑶山选用虎网站响应式自适应网站案例，此类案例是当今新潮流的网站程序，他除了具备商务型所有功能外，他的特点在于能自动识别互联网和移动网终端设备，既能适用在电脑上浏览同时又适用在平板电脑和各款手机上浏览都能自适应屏幕大小，是企业官网的选择佳品。瑶山在红河绿春县牛孔镇者俄村委会者瑶村。 　　瑶山特种养殖基地是以专业养殖竹鼠、胡蜂，及养殖技术...

       手机版网站制作常见错误 通常来说，建设网站都是从电脑开始的，然而因为近几年手机终端的不断普及，手机浏览增多，流量开始向移动端进行转移，每个人都知道电脑的屏幕要比手机屏幕大，那么电脑的内容在手机上将不兼容，倘若想要做好，不仅仅是内容，需要思考的问题有很多，这里就来谈一谈手机版网站制作常见错误。 手机版网站制作常见错误 　　大多数人对手机网站服务器空间都存在着误解，很多人认为好像手机网站根本就不需要什么好的服务器，只不过是要...

       揭阳普宁摩玛广告设计与虎网站签约做网站项目 摩玛是经揭阳市普宁市工商局审核的有资质公司，统一社会信用代码：914452810651312473。摩玛坐落于揭阳市普宁市摩玛广告有限公司。摩玛选用虎网站定制型网站案例，此类网站主要是按客户要求和提供的风格案例或效果图纸来做，这种属于仿制和定制型网站，是根据功能开发的难易度来评估报价的，价格相对较高，适合于大中型企业和有个性风格、个性功能需求的客户选用。 　　摩玛（MOMA）传媒，粤东地区领先的渠...

       虎网网络为你设计一个高分特色的网站网页 大家知道网站是怎么设计的吗？你自己满意吗?你喜欢吗?给你打分你会打多少分呢?有时候我们会遇到这一类的问题，对于一个网站，如果60格，看看虎网网络怎么给你的网站打分的。其实对一个网站的评价也不会有太标准的准则。 　　我们首先要看一些自己网站的定位。到底是一个什么样子的网站。这里的话有10分，这个体现的是网站特色。也就是说这一部分决定网站的方向以及是否专注。首先我们要看一下网站内容的相关性以及延续性，...

       谷歌今起开始自动将Flash广告转为HTML5版 谷歌今天开始将Adobe Flash广告自动转换成HTML5格式，方便谷歌的广告主将广告送达更多用户——即使其使用的设备或浏览器不支持Flash。 　　谷歌从去年9月开始提供HTML5版的互动备份，同时放弃了对Flash的支持。谷歌显示广告网络和DoubleClick Campaign Manager提供的转换工具可以创建HTML5版的Flash广告，其效果与原先的广告相同，而不仅仅是一个静态的图...

       怎样网站会走向失败 1、定位模糊，刚才开始就犯了大而全的错误。 2、盲目跟风，一开始我听说网址站能赚大钱就做了个，后来建立好之后发现推广太难了，又放弃了。 3、做网站群，刚一开始，我就学习HAO123做网站群，后来建成之后，发觉更新量太大了，又不得不放弃一些站群，我想说的是，网站群适合你做了一个有流量的大站之后才好考虑做站群，互相推广这样才比较有效。 4、缺乏恒心，由于开始建站没什么经验，一看到娱乐站好做流量我就做娱...