点评:网站的性能一般是指网站的访问速度,虽然很常见,但是数据可以找到,网站的速度对用户体验有很大的影响,本文从实例入手,研究网站如何优化,下载速度更快的方法。





最近,我去了D2论坛,认识到网站对用户体验的重要性。

慢500ms =谷歌用户减少20%
慢400ms =雅虎!用户访问减少5-9% >
慢100ms =亚马逊销售减少1%

会议结束后,我想看看你的网站的表现如何,有点担心把网站搬到国外。看看谷歌网站管理员工具的网站表现。这是一个惊喜:网站的平均页面在20.2秒内加载,站点比99.7%站点慢。



这似乎是一个动手优化网站性能测试工具,谷歌网页的速度和YSlow,安装在你的火狐浏览器。首先,使用Yslow检查首页的大小。共257.3kb。



使用谷歌页面速度看看能改进什么。从发现的角度来看,仍然有很多地方需要优化。



由于技术能力和时间有限,我们只能做简单的优化:

1。压缩式的图片

我没有使用任何深度压缩工具。我只是用Fireworks CS4批量处理图片(不改变文件类型)。所有的风格和原网站的图片195kb。优化后的54.94kb减少。和优化的图片,肉眼根本看不见的区别(至少我没看见)。

两。启动gzip压缩

由于我使用的虚拟主机,没有权限配置服务器开启gzip。我只能依靠WordPress插件gzip输出页面大小(HTML或文本)的主页是减少18.9kb。

然而,gzip压缩输出只能用于PHP文件,不能办理的CSS和JS的大头文件。我也下载并安装WP CSS和WP JS插件压缩CSS和JS文件分开。然而,如何使用WP的js插件,我不明白,这是WP的CSS中的成功应用,网站主题的样式表文件已经从原来的23.5kb 8.1kb,和首页被15.4kb单独降低。

三,减少不必要的页面元素

从js查看页面加载点,我对网站访问统计两JS。一是谷歌分析,和其他的是Piwik。和我把Piwik统计代码,网页的大小和减少8.3kb。



此外,图片网站的页脚有没有影响。我只是删除了它,而且网页的大小减少了5.66kb.this不仅减少了页面的大小,也减少了不必要的HTTP请求。



总结

我不知道如何进行优化,优化后,首页的大小也从原来的257.3kb改154.0kb,和整体优化的价值103.3kb,这是40.15%比原来的网页,网页的HTTP请求已经从原来的25至22,详情如下如下:



经过优化后,页面加载时间会有什么效果让我们尝试使用网页分析器,它可以模拟用户在不同网络环境下的访问时间,与之前和之后的优化相比,效果相当不错,用户主页的主带宽从20.37秒加载到不到3秒。



事实上,上述的优化工作不仅会在首页的最佳效果。因为整个网站使用的主题风格,其他页面也进行了优化,对整个站点的优化性能,我们还使用谷歌网站管理员工具,是用在文章的开始测试。到一月,我们可以看到网站的性能,最后得到一个满意的结果。Ldquo;你网站的平均页面加载时间为2.6秒(更新时间:2010-1-9)。该网站是速度超过57%