WordPress 优化之网页加载速度测试分析工具




先介绍几款在线工具,检测你博客页面载入速度的。如果你博客的打开速度不是很快的话,可以先分析下自己的网页加载速度及网页组成结构。

因为最近几天乘这次新换主题将博客稍微优化了下,有几点体会可能会在后面几篇日志分别提到,分享给大家,如果必要的话。目前的优化除了常规的修改代码去掉不必要的 php 调用外,主要是强制浏览器缓存、Gzip 压缩以及 widget 侧栏缓存等几项来减少数据库查询次数,现在的初步优化结果不知大家能不能感觉出来,页底加入了页面加载信息,可以看下。只要你是一个页面优化控,或代码简洁狂,相信和我的博客一样,还有许多可以改进的地方提高网页打开速度:)   睡到自然醒博客 CSS/JS 压缩合并还没做,还有一堆的插件/功能有待清理或原生集成到 WordPress 主题中。

其实依赖所谓的页面分析工具完全没有太大的必要,只有你对你的博客主题构成是最清楚的。但参考一下还是很有必要的,比如下面介绍的 YSlow,如果你能将你博客的 YSlow 等级做到 A,那绝对不是坏事。

1. Websitegoodies:功能最简单,报告页面响应时间及网页大小。但是不包括图片、视频等其它嵌入元素,2 秒为参考时间。

1

2. Websiteoptimization:报告页面 http 请求数,图片,CSS/JS 数量大小等,最下面给出的分析及优化建议很值得参考,尤其是红色的警告部分。

2

3. Pingdom:按照网页加载时间顺序模仿分析每一元素大小及加载时间,可以清楚看到是什么耗住了你的网页响应速度,多数情况下就是你的过于庞大众多JS 及图片文件!因此我现在博客上超过 10 K 的装饰性图片尽量删减或外链,JS 也需要合并压缩。

3

4. Firebug/YSlow:这工具相信大家的 FireFox 浏览器上都有安装(点此下载 Firebug, YSlow 插件),值得注意的是,在 YSlow 的帮助说明页面 “YSlow User Guide” 的页面表现规则 “Performance Rules” 部分列出的 22 条改善页面表现的规则可以说是网页设计开发人员的黄金准则,很值得参考。通过使用 YSlow 分析你博客网页,也将以这些标准来给你的网页表现打分。你可以通过各项指标的评级来应用到你博客设计和优化中,尤其是 E, F 等级的元素要重点优化。

dfb

上面是博客以上篇日志为参考,经过初步优化页面前后的变化, http 请求数从 60 降到了 30 个,缓存压缩后页面大小 70K 左右,最占体积的仍旧是 JSS  和图片。现在以 “小型网站或博客” 的评级标准为 C 级别,希望慢慢优化到 B 等级及以上。:)

你的博客打开速度快么,不妨尝试在其它的浏览器或清除浏览器缓存的情况下打开你的博客,模拟新访问者看你博客网页的情形,相信你会意识到问题的存在,狠下心来好好优化下你的博客。PS: 如果我的博客现在仍然很慢,表拍我,我正在努力。如果有点快了,哇,偶太高兴了 :)

延伸阅读:

About dreamfree:

每天梦想睡到自然醒的孩纸伤不起...zZ

Find all posts by dreamfree | Visit Website

19 Responses to “WordPress 优化之网页加载速度测试分析工具”
  1. 10.28.2009

    能打开就可以,优化只有出问题的时候才考虑,呵呵

    • 10.28.2009

      我现在刚换的主题这么简洁,还是加载半天才反应过来的话,也太说不过去了…上一款主题数据库查询数高达 160 次,那叫恐怖,我当时也这样想,能打开就可以,但在慢的网络环境下还是很可怕的一件事情…

  2. 10.28.2009

    我晚上也来优化下,好久没折腾了

    • 10.29.2009

      不经常换主题还是很有必要优化的,我换了好几个主题,但这次打算长远使用了,所以决定彻底优化下。

  3. 10.28.2009

    还有google的pagespeed

    • 10.29.2009

      恩,嘿嘿,谢谢补充。相当于Google的YSlow插件吧 :mrgreen:

  4. 10.28.2009

    确实速度快了很多, 刚才又出现500啦..囧

    • 10.29.2009

      速度快就好,呵呵,虽然我只是初步优化呢。哎这主机还是会出现这个问题,不过还好持续的时间不长。

  5. 10.29.2009

    才33 queries .已经优化很多了吧.

    • 10.29.2009

      主要是运用了 GZip 压缩和侧边栏缓存之后的效果,过段时间 CSS/JS 合并压缩之后,加载速度应该还会再上一个台阶。 :lol:

  6. 10.31.2009

    个人始终钟爱yslow

    • 11.02.2009

      一般按照 yslow 的建议优化网页肯定能提高代码性能,哈~

  7. 11.10.2009

    还没有做过网页的速度测试 长见识了
    谢谢博主。

  8. 11.19.2009

    我的速度才算凑合,不算太慢…

    • 11.19.2009

      其实 wordpress 优化最好的办法就是真正的 html 静态,我现在已经安装 wp super cache 插件了,全站静态化啦,哈哈~

  9. 11.27.2009

    我的国外免费空间,还能强求什么呢~

    • 11.28.2009

      感觉很不错啊~偷偷的告诉我哪个免费空间? ..@#%%%

  10. 12.29.2009

    :lol: 来看看 在百度上搜 wordpress优化 搜到你的blog 呵呵

  11. 04.27.2010

    :lol: 哈,我的就优到到YSLOW A级了。


Leave a Reply

使用新浪微博登陆


分类目录

文章存档

Event

欢迎上海地区摄影爱好者或自信MM参加 自然醒blog 线下活动:暴走上海街拍 or 人像外拍,详情点击图片链接

永久有效 7.49 美金 Godaddy 优惠