快捷搜索:

优化:让网站访问速度更快的方法

网站机能一样平常就指的是网站的造访速率,虽然很通俗,但经由过程数据可以发明,网站速率对付用户体验的影响是相称伟大年夜的,本文从实例启程,来钻研下若何优化网站,使其下载速率更快的措施。

近往来交往听了D2 论坛,加倍深刻体会到了网站机能对付用户体验的紧张性。

慢500ms =Google用户造访量低落20%

慢400ms=Yahoo! 用户造访量低落5-9%>

慢100ms=Amazon贩卖额低落1%

散会后,不禁想看看自己网站的机能若何。自从把网站迁居到国外,还真有点担心。经由过程Google网站治理员对象查看网站机能,不禁大年夜吃一惊:您网站的匀称网页载入光阴为 20.2 秒。该站比99.7%的网站慢。

看来要着手优化一下了。先在自己的Firefox 浏览器里安装了网站机能检测对象Google Page Speed和Yslow。首先用YSlow来检测一下造访网站首页的大年夜小。统共257.3KB。

再用Google Page Speed 看看有什么可以改进的。从发明的问题来看,照样有不少的可以优化的地方。

因为技巧能力和光阴都很有限,只能进行简单的优化。我做了以下一些优化事情:

一、压缩样式图片

我并没有用什么高妙的压缩对象,只是用Fireworks CS4批量处置惩罚了图片(没有改变文件类型),原本网站的主题的所有样式图片有195KB, 优化后就削减了54.94KB。而且优化后的图片,肉眼根本看不出差别(至少我是没看出来)。

二、启动gzip 压缩

因为我应用的虚拟主机,并没有设置设置设备摆设摆设办事器开启gzip的权限。我只能寄托Wordpress 的插件 GZIP Output。首页页面大年夜小(Html/Text)削减了18.9KB。

然则,GZIP Output 只能对付php 文件进行压缩,对付大年夜部头的CSS、JS 文件都无法处置惩罚。我又下载安装了WP CSS 和WP JS 插件想分手对CSS 和 JS 文件进行压缩。不过,WP JS这个插件我没搞懂怎么用,WP CSS 倒是利用成功了。网站主题样式表文件从原本的23.5KB 变成了8.1KB,单就首页来说又削减了15.4KB。

三、削减不需要的页面元素

从页面来看载入的js 来看,我有两个Js是用来做网站造访统计的。一个是google analytics,另一个是piwik。权衡利弊我去掉落了piwik的统计代码,首页大年夜小又削减了8.3KB。

别的,网站页脚的有个图片没什么感化。我干脆给去掉落了,首页大年夜小又削减5.66KB,。这样做不仅可以削减页面大年夜小,还可以削减不需要的Http哀求。

总结一下

真是不优化不知道,一优化吓一跳。优化后首页大年夜小从原本的257.3KB变成了154.0KB, 总优化数值为103.3KB,比原本页面优化了40.15%。首页的Http哀求从原本的25个变为22个。详细优化明细如下:

颠最后这一番优化,到底会对页面载入光阴孕育发生什么效果呢。让我们应用Web Page Analyzer碰命运运限,它可以模拟用户在不合收集环境下造访页面载入光阴。比较一下优化前后的环境,效果照样相称不错的。主流带宽的用户首页载入光阴,从20.37秒优化到只有不到3秒。

以上的优化事情着实不光会对首页有优化效果。由于全部网站用的是一个主题样式,其他页面也都获得了优化。至于全部网站的优化机能,我们还用文章开首用的Google网站治理员对象来查验一下。到了一月份再经由过程它查看网站机能,终于,获得了知足的结果。“您网站的匀称网页载入光阴为 2.6 秒(更新光阴:2010-1-9)。 该网站比 57% 的网站快。”

您可能还会对下面的文章感兴趣: