我的WordPress利用Yslow提速优化小结

  由于为了普及美国主机帮助大家快速看到效果,我自己的网站使用了美国的Fatcow主机,关于Fatcow主机的具体信息,大家可以参看这两篇文章

本站使用的主机fatcow-奶牛主机-美国主机空间推荐

Fatcow主机购买图文教程

  配合使用的程序是Wordpress和一套免费主题,不过遗憾的是这个主题使用起来速度确实不太理想,于是搬出了许久没用的Yslow来搞一个提速。关于Yslow是什么,目前本站还没有写具体的文章所以暂时先不做链接,以后可能会放到论坛里面详细介绍,这里只介绍本站的一些工作。

  用Yslow检测我的网站以后评价是F(~>_<~),于是开始着手。

  第一步,减少PHP请求,把能够固化的内容都直接固化在网页里面不用PHP调用和判断。实际上这个与Yslow无关,但是每一次PHP请求就要读取一次数据库,毕竟还是一个比较麻烦的事情,特别是对于数据库和网站不是在同一台主机上的情况而言,减少PHP请求的次数是一个很关键的事情,由于我的网站使用了一些插件来修改了一些原有的功能例如title,所以我将使用插件实现的部分原有代码全部删除,减少了判断语句和数据库读取次数。当然实际上我什么语言也不懂,我只是大概脑子里面有这样一个概念罢了。(这一步实际上我做的并不多,慢慢改,网站还是有很大的提升空间的)

  第二步:尽量把JS脚本和CSS文件封存到一个文件里面,原本我的主题里面包含9个JS脚本和4个CSS文件,这样就会产生13次访问请求,我将它们汇总到了2个JS文件和1个CSS文件中,这样减少了10次访问请求,自然会舒服一些。这里需要主义的就是JS脚本不能胡乱整合,很可能会出现一些功能错误,这也是为什么我没有汇总到1个JS文件的原因。

  第三步:把CSS文件放在网站的头部确保能够在最短的时间内看到网站的框架,把不是必须放在头部调用的脚本放到网页的底部去调用,这样可以让网页在打开以后再去运行脚本的内容。不过有一些脚本是必须放在头部的,因为可能会牵扯到一些功能的实现,这个自己注意一下就可以了。

  第四步:把网页里面调用图片的语句尽量删除,用CSS的背景功能去调用对应的图片,这样可以把图片对网页打开的时候的影响降到最低。

  第五步:启用Gzip压缩,不过这个Gzip压缩国内主机我还没发现支持的,因为需要修改.httaccess文件,而国内我还没见过有给这个权限的主机,美国主机大部分都有这个权限的。

  第六步:启用网页的缓存技术,为不同的网页文件设定不同的缓存时间,这个也需要修改.httaccess文件,所以用国内主机的朋友也没法自己享用了。

  我做的最后一步:启用CSS Sprite,也叫图片优化技术,实际上他的实现原理在这里我简单说一下,就是把所有CSS调用的背景图片整合成为一个大图片,然后利用CSS的background-posstion技术去切图显示,用我的博客作为例子,我的博客首页CSS一共27个背景图片,也就会产生27次图片调用,如果将这27个图片汇总成一个,就会减少26次请求。同时启用了缓存技术的话,就会更爽了。不过使用这个方法需要注意一个问题,就是需要repeat的图片都不要去使用这个技术,图片repeat的时候是repeat整个图片的,一般整合的图片都会很大,所以基本上repeat的效果都不理想。这也是我的网站暂时放弃了css sprite的原因,要把不需要repeat的图片一个一个找出来比较消耗时间,我还是慢慢来。

关于css sprite我还需要说一句就是我一个学生告诉我repeat的图片也可以使用,比如一个图片的repeat是-x的,那么就把合并的图片都做成一个竖着的细长条,不过这个方法并不理想,网页的图片宽度不同,还是会出现空白的地方,所以我想到的方法还是把不需要repeat的图片给放到一起,repeat的图片还是不管他比较好。

  这个小结到这里也就差不多了,关于Yslow还有一句话要说就是Yslow有一个CDN的评分,简单介绍一下这个,CDN全程太长我也懒得复制,大家就假装知道是什么就行,他的工作原理就好像是把你的一些图片啊,CSS啊JS什么的,通过互联网镜像到不同地区的一个缓存技术,让访问者在打开你的网站的时候,自动寻找到链接最快的地址从那里读取这个内容的信息,不过目前都只是一些公用性很强的JS等等可以实现,似有的还是很难实现这个功能的,一般都是收费的,免费的我建议大家不启用,因为内容太少,相比之下,倒还不如设定好一个缓存来的实惠:)

  把所有的工作做完以后我的Yslow评分超过了94分,让我的朋友帮我测试网站的打开速度也得到了很好的反应,速度提升了1~3秒不等,这对于一个网站而言就是一个质的飞跃。不过因为更新了一下Wordpress版本一些原本修改好了的系统文件被升级了,而且我又关闭了css sprite所以Yslow评分回到了80多分,也知足了。因为本人对一些专业术语也好,语言程序也好都不了解,所以文中难免出现一些贻笑大方的俗套解释,我也希望懂相关知识的朋友能够留言帮助修改:)

相关文章

分享这个帖子:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

1个评论 to “我的WordPress利用Yslow提速优化小结”

已禁止引用

  • zhiqiang 说:

    Grade D Overall performance score 64

    [回复]

  • 留下评论:

    昵称(必须):
    邮箱地址 (不会被公开) (必须):
    站点
    评论 (必须)
    XHTML: 您可以使用这些标记: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>