西西河

主题：Google开发网页的新工具Page Speed -- meokey

共:💬6 🌺32
分页树展主题 · 全看首页 上页
/ 1
下页 末页
  • 家园 Google开发网页的新工具Page Speed

    Google今天公布了一个网页开发工具，Chrome的网页开发插件Page Speed。这个工具可以帮助网站开发者分析优化网站性能。我试着分析了一下ccthere.com，Page Speed给出了以下的分析，希望对铁手有所帮助。

    www.ccthere.com首页

    结果相当不错，唯一的优化建议是使用压缩

    Enable compression

    Compressing the following resources with gzip could reduce their transfer size by 84.1KiB (71% reduction).

    Compressing http://www.ccthere.com/boards/ could save 44.3KiB (78% reduction).

    Compressing http://www.ccthere.com/incs/rs.php?T=2&V=1 could save 26.9KiB (67% reduction).

    Compressing http://pagead2.googlesyndication.com/pagead/show_ads.js could save 7.5KiB (59% reduction).

    Compressing http://www.ccthere.com/incs/rs.php?T=0&V=1 could save 3.6KiB (67% reduction).

    Compressing http://www.ccthere.com/intr/indexfun.php?DZ=3&T=3&RID=1&SID=0&SA=0&PIDRT=0&Rnd=1301497334999 could save 1.8KiB (59% reduction).

    一网打尽

    有3个建议：

    1. Combine images into CSS sprite

    The following images served from ccthere.com should be combined into as few images as possible using CSS sprites.

    http://www.ccthere.com/bbsIMG/bf/face1.gif

    http://www.ccthere.com/bbsIMG/bf/face5.gif

    http://www.ccthere.com/bbsIMG/bf/face6.gif

    http://www.ccthere.com/bbsIMG/bf/face7.gif

    http://www.ccthere.com/bbsIMG/bf/face9.gif

    http://www.ccthere.com/bbsIMG/egg.gif

    http://www.ccthere.com/bbsIMG/flower.gif

    http://www.ccthere.com/bbsIMG/intop.gif

    http://www.ccthere.com/bbsIMG/np.gif

    http://www.ccthere.com/bbsIMG/np1.gif

    http://www.ccthere.com/bbsIMG/qt.gif

    http://www.ccthere.com/bbsIMG/tj.gif

    http://www.ccthere.com/bbsIMG/xml.gif

    http://www.ccthere.com/incs/help.gif

    http://www.ccthere.com/incs/pgn.gif

    2. Enable compression

    Compressing the following resources with gzip could reduce their transfer size by 91.1KiB (73% reduction).

    Compressing http://www.ccthere.com/board/%E4%B8%80%E7%BD%91%E6%89%93%E5%B0%BD/ could save 53.1KiB (80% reduction).

    Compressing http://www.ccthere.com/incs/rs.php?T=2&V=1 could save 26.9KiB (67% reduction).

    Compressing http://pagead2.googlesyndication.com/pagead/show_ads.js could save 7.5KiB (59% reduction).

    Compressing http://www.ccthere.com/incs/rs.php?T=0&V=1 could save 3.6KiB (67% reduction).

    3. Leverage browser caching

    The following cacheable resources have a short freshness lifetime. Specify an expiration at least one week in the future for the following resources:

    http://www.ccthere.com/bbsIMG/bf/face1.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/bf/face5.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/bf/face6.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/bf/face7.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/bf/face9.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/egg.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/flower.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/intop.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/load.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/np.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/np1.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/qt.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/tj.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/weblogo.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/xml.gif (expiration not specified)

    http://www.ccthere.com/incs/help.gif (expiration not specified)

    http://www.ccthere.com/incs/pgn.gif (expiration not specified)

    http://pagead2.googlesyndication.com/pagead/show_ads.js (1 hour)

    http://cache.yoono.com/static/sb/share/green-30.png (4 days 11 hours)

    然后，随便树展了一个帖子：

    转：从苏联灭亡我们能够看到什么 437 wxmang

    同样，也是给出了以上三个建议

    1. Enable compression

    Compressing the following resources with gzip could reduce their transfer size by 75.4KiB (72% reduction).

    Compressing http://www.ccthere.com/incs/rs.php?T=2&V=1 could save 26.9KiB (67% reduction).

    Compressing http://www.ccthere.com/alist/2328783 could save 25.2KiB (80% reduction).

    Compressing http://www.ccthere.com/article/2328783.html could save 19.6KiB (72% reduction).

    Compressing http://www.ccthere.com/incs/rs.php?T=0&V=1 could save 3.6KiB (67% reduction).

    2. Combine images into CSS sprites

    The following images served from ccthere.com should be combined into as few images as possible using CSS sprites.

    http://www.ccthere.com/bbsIMG/bf/face1.gif

    http://www.ccthere.com/bbsIMG/egg.gif

    http://www.ccthere.com/bbsIMG/flower.gif

    http://www.ccthere.com/bbsIMG/np.gif

    http://www.ccthere.com/bbsIMG/np1.gif

    http://www.ccthere.com/incs/pgn.gif

    3. Leverage browser caching

    The following cacheable resources have a short freshness lifetime. Specify an expiration at least one week in the future for the following resources:

    http://www.ccthere.com/bbsIMG/bf/face1.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/egg.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/flower.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/load.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/np.gif (expiration not specified)

    http://www.ccthere.com/bbsIMG/np1.gif (expiration not specified)

    http://www.ccthere.com/incs/pgn.gif (expiration not specified)

    http://cache.yoono.com/static/sb/share/green-30.png (4 days 11 hours)

    版面翰林推：forsake,
    • 复 Google开发网页的新工具Page Speed
      家园 我部分使用了yahoo的工具

      在这里可以找到 http://developer.yahoo.com/yui/compressor/ 用来压缩 javascript 和 css。google 那里也能找到 closure compiler http://code.google.com/closure/compiler/

      比较了一下，发现那个 closure compiler似乎有bug。具体表现在 ajax 函数里面的由 XMLHttpRequest 返回的变量名也被改变，导致ajax调用返回时似乎有问题。yahoo 那个就没这个问题。

      图片的 expiration 怎么显式设定呢？

      • 复 我部分使用了yahoo的工具
        家园 php的话可以通过htaccess文件设定

        比如：

        <IfModule mod_expires.c>

        ExpiresActive On

        ExpiresByType text/html "access plus 2 days"

        ExpiresByType image/gif "access plus 60 days"

        ExpiresByType image/jpg "access plus 60 days"

        ExpiresByType image/png "access plus 60 days"

        ExpiresByType application/x-javascript "access plus 60 days"

        ExpiresByType text/css "access plus 60 days"

        ExpiresByType image/x-icon "access plus 360 days"

        </IfModule>链接

    • 复 Google开发网页的新工具Page Speed
      家园 这是客户端的,服务器端的mod_pagespeed更厉害

      在apache上安装好之后，无需任何配置，就可以对网页进行加速了，主要是控制图形和css/js的expires,和css的压缩等，效率很高，本来很多需要写在htaccess里控制http header的优化方法，这下都不要了，google帮您搞掂。缺点是只支持apache，lighttpd就不能用罗～

    • 复 Google开发网页的新工具Page Speed
      家园 回复的目的只是为了顶上去让更多的人看到
    • 复 Google开发网页的新工具Page Speed
      家园 这个很好用啊

      我也去试了试。方便，直观。给出的建议也很有用。强烈推荐给速度控的站长们。

      不过它的那个压缩推荐可能在判断上出了问题。有的网站明明已经启用了压缩，但没有被检测出来。估计是它只认gzip这一种压缩方式？

分页树展主题 · 全看首页 上页
/ 1
下页 末页


有趣有益，互惠互利；开阔视野，博采众长。
虚拟的网络，真实的人。天南地北客，相逢皆朋友

Copyright © cchere 西西河

版面群落 趣味社区 帮助 常见问题 网站简介 基本河规 隐私条款 使用条款 广告说明