Home > Internet > 用Pagespeed优化网站
2009December . 11th

用Pagespeed优化网站

首先解释一下,Pagespeed是Google宣布将把网站速度纳入PR评估标准后发布的一个基于Firefox Firebug插件的一个网站优化工具,可以自动分析页面内容,并提供非常详细的优化建议。目前属于Webmaster tools里的一个试验性工具,大家可以在Webmaster tools的lab菜单里查看自己网站的速度评估。使用截图如下。
Google Pagespeed 运行图
点击Analyze Performance就可以分析当前的页面了。

优化图片

分析页面后展开Optimize images项目,可以看到Pagespeed对当前页面所有图片的优化建议。Google建议使用PNG格式的图片,理由是PNG格式可以以比较小的容量无损压缩图片。事实上PNG格式不是在任何情况下都比内容相同的GIF格式小,但PNG格式对透明度支持比GIF好得多,对于IE6对透明PNG支持不好的解决方法,大家可以上网搜索一下,这里不多说了。
例如,http://blog.imbolo.com的图片优化建议如下图:
blog.imbolo.com图片优化建议 via Google pagespeed
Pagespeed已经统计出页面上所有图片按照优化建议优化后将减少多少传输带宽,并已经分别计算和对比了每个图片的优化效果,真是细致啊。点击compressed version,Firefox会用新选项卡打开优化后的图片,你可以用这个图片替换先用的图片,节约网站带宽开销,并加快网页的打开速度。

优化JS和CSS

展开Minify JavaScript和Minify CSS项目可以看到网站JavaScript和CSS的优化建议,如下图:
Google Pagespeed CSS 和JavaScript优化建议
大家都知道,JavaScript和CSS主要通过外链文件的大小来达到优化的效果,Pagespeed的建议是采用YUI压缩,并提供了几个在线压缩工具。但有了Pagespeed我们就不需要用那几个工具了,点击minified version马上可以获得压缩后的JS和CSS文件,用来替换原来的文件吧!

后记

关于Pagespeed的使用展示介绍到这里,更多的使用方法还有待大家去挖掘。从Google对PR的评定规则改变也可以反映出网站速度是网站优化的一个非常重要的环节。

  1. 2009December . 11th - 5:33 PM

    沙发
    Google这个速度标准跟主机有关吧
    那么国外主机是不是反而有优势呢

  2. 2009December . 11th - 5:58 PM

    马上去看看。最近网站感觉有点慢了。

  3. 2009December . 11th - 6:28 PM

    这个看界面很像Yslow。
    我还没试呢,惭愧啊。

  4. 2009December . 11th - 6:50 PM

    哈,这个插件我早就装上了呢,确实很不错,可以和yslow互补

  5. 2009December . 12th - 1:54 AM

    Google真是好人做到家了 连压缩过的图片都提供了

  6. 2009December . 12th - 10:57 AM

    我的博客从建立到现在基本没做过优化呢!

  7. 2009December . 12th - 1:55 PM

    少上点图片就快了

  8. 2009December . 12th - 2:54 PM

    @A.shun
    不是的,Google有一个计算规则,基本上对所有网站都是公平的
    @LAONB
    这个是Yslow的插件
    @ooaixt
    我的主题很少图,文章插图也基本上都是压缩过的

  9. 2009December . 12th - 5:23 PM

    我又来支持博主了。呵呵。

  10. 2009December . 12th - 9:48 PM

    没图片就会快了

  11. 2009December . 13th - 1:06 PM

    @QQ农场外挂
    不要打着‘支持博主’的旗号跑来打广告,我最厌恶这样的人了!

  12. 2009December . 14th - 1:27 AM

    @619
    哈哈,这种没什么恶意的软SPAM我一般都会放过他。
    PS:你的博客很有个性!

  13. 2009December . 14th - 8:40 AM

    站不错!!!

  14. 2009December . 14th - 11:33 AM

    还是你博客好!

  15. 2009December . 14th - 2:28 PM

    博客是要好好优化一下了,提升一下用户体验,还可以投谷歌所好,呵呵

  16. 2009December . 14th - 6:25 PM

    我老觉得优化是个费神的事,一直很懒的没去弄他……嘿嘿……

  17. 2009December . 15th - 1:07 AM

    还是第一次来这里呢,以后希望还有机会再次进来

  18. 2009December . 15th - 6:14 AM

    这个可以尝试下~

    翔子博客更换服务器 速度更快! 欢迎来访哦^_^

  19. 2009December . 17th - 10:55 PM

    学习了,待会试一下

Subscriber selector

Close