星期九YSlow评分98分

Posted by Harid2010 - Sep - 26 留个言

哈哈,这是个好消息,晚上我再优化了一下星期九,可能最近访问我的朋友会发现出不来自己的Gravatar头像,现在可以了。星期九的YSlow评分从原来的 B 终于上到了 A 。

具体情况现在是:

Firefox的YSlow评级是 Grade A,Score是98分,除了10张背景图片实在是无法合并(图片实在太小,一合并就无法正常调用了),从而造成HTTP Requests没整下来,得了个 B 之外,其余的皆是Geade A:

Yslow Grade在这个评分项之中,以下几项是比较难将评级提上去的,有:Make fewer HTTP requests、Configure entity tags、Add Expires headers、Reduce DNS lookups。当然自然有相应的措施提高相应的评级:

1、可以通过合并背景小图片,合并CSS、JS等得高评级;

2、压缩CSS、JS文件;

3、将合并好的对于可以延迟加载的JS文件置其于页尾加载;

4、减少数据库查询次数(有插件DB-Cache,不过在最新的Wordpress中与Wp-super-cache不兼容,得另寻他方);

5、在.htaccess文件中添加如下内容:

01 <IfModule mod_expires.c>
02 ExpiresActive On
03 FileETag none
04 ExpiresDefault A600
05 ExpiresByType image/x-icon A2592000
06 ExpiresByType application/javascript A2592000
07 ExpiresByType application/x-javascript A2592000
08 ExpiresByType text/css A604800
09 ExpiresByType image/gif A2592000
10 ExpiresByType image/png A2592000
11 ExpiresByType image/jpeg A2592000
12 ExpiresByType text/plain A86400
13 ExpiresByType application/x-shockwave-flash A2592000
14 ExpiresByType video/x-flv A2592000
15 ExpiresByType application/pdf A2592000
16 ExpiresByType text/html A600
17 </IfModule>

6、现在想不起来了…………

另外我在用《CSS整形与优化的工具|各类工具入口》中提到的在线评测网站检测时得分如下:

Website Grade这两者之间的差别在于,Firefox的YSlow插件可以算定义检测条件,因此我将“Use a Content Delivery Network (CDN)”该项去掉了,因为一个普通的博客,我们很少会去租用CDN。如果加上该条件,那么YSlow的评分则变为了91分。

现在的缺点是数据库查询量还是比较大,首页有30多次;还有一点是最新评论的头像缓存得刷新才有效,这是因为我正在使用的Gravatar缓存版本是非图片格式,导致“Add Expires headers”得分偏低,有时间了再想想办法!

   声明:本文采用 BY-NC-SA 协议进行授权 | 星期九
   原创文章转载请注明:转自《星期九YSlow评分98分

Comments(25) Leave comments
  1. Gravatar
    DH Google Chrome Google Chrome 9.0.597.94 Windows Windows 7
    四月 16th, 2011 at 23:45  | #1

    不错,下一步的工作。让我的博客也到A.

    • Gravatar Harid  @  四月 17th, 2011 at 18:17 replied.

      @DH, 到A还是很简单的,不过要到95分以上就比较困难了。

      • Gravatar DH  @  四月 18th, 2011 at 13:43 replied.  | #2

        @Harid, 能不能推荐给我几个到95分的几个博客呢?

        • Gravatar Harid  @  四月 18th, 2011 at 22:42 replied.

          @DH, 🙂 ,我的首页YSlow就是97分哦,以“Small site or blog”作为标准;现在这个文章页的YSlow是94分。这里就要因为要加载的表情太多,要加载很多JS,还要查询很多次评论,所以……
          另外,像wange.im的首页是98分,http://zww.me/的首页是96分。

          • Gravatar DH  @  四月 18th, 2011 at 22:51 replied.  | #3

            @Harid, 谢谢。努力中。。。

  2. Gravatar
    yesureadmin Google Chrome Google Chrome 9.0.570.0 Windows Windows 7
    十二月 5th, 2010 at 15:47  | #4

    我的高死GZIP说没有压缩,用第三方在线测试的提示有75%的压缩率,搞不懂,合并了几个JS,看看我哪里的图片实在太多,但我又不想换主题,就由它了。现在是86分,一个B

    • Gravatar Harid  @  十二月 5th, 2010 at 20:07 replied.

      @yesureadmin, 要把这个做到90多分,要付出很大的代价,我现在已经放弃了,分数也降了下来。

  3. Gravatar
    abx Google Chrome Google Chrome 7.0.529.0 Windows Windows XP
    九月 26th, 2010 at 18:48  | #5

    悲哀我才69分你能不能帮我看看怎么优化啊?我英语超级烂

    • Gravatar Harid  @  九月 26th, 2010 at 19:29 replied.

      @abx, 看了你的,你首先分别合并一下你的CSS和JS文件,就是将内容放在一个文件里面,然后在调用的地方调用那个总的文件即可,如all.css和all.js,再者在你的.htaccess文件(如果有的话)里添加上面讲的代码,因为你的Configure entity tags (ETags)得分太低。合并图片,改用CSS代码调用。缓存页面,推荐安装WP-Super-Cache插件。详细的加我QQ吧(919协调群里有我QQ),我尽力!

  4. Gravatar
    abx Google Chrome Google Chrome 7.0.529.0 Windows Windows XP
    九月 26th, 2010 at 18:45  | #6

    我也去试试

    • Gravatar Harid  @  九月 26th, 2010 at 19:31 replied.

      @abx, 对了,你昨天说的那个做缩略图的插件是不是WP-thumbnails,看你那缩略图的效果,像是这个插件。

  5. Gravatar
    纯野 360 Browser 360 Browser SE Windows Windows 7
    九月 26th, 2010 at 17:59  | #8

    看不懂,杯具地路过。

    • Gravatar Harid  @  九月 26th, 2010 at 18:30 replied.

      @纯野, 你的评分有点低,需要优化一下,至少先将你的CSS和JS文件压缩一下,效果会不错。

      • Gravatar 纯野  @  九月 26th, 2010 at 19:25 replied.  | #9

        @Harid,

        呃,不懂怎么操作。怎么个压缩法?

        • Gravatar Harid  @  九月 26th, 2010 at 19:34 replied.

          @纯野, 最简单的方法是用WP-Super-Cache插件来实现GZIP压缩,同时还可以缓存页面。

          • Gravatar 纯野  @  九月 27th, 2010 at 22:31 replied.  | #10

            @Harid,

            呃,我用的是z-blog。

          • Gravatar Harid  @  九月 27th, 2010 at 22:36 replied.

            @纯野, 😮

  6. Gravatar
    WordPress啦 360 Browser 360 Browser SE Windows Windows XP
    九月 26th, 2010 at 14:04  | #11

    这类的插件用的不多,感觉没有多大的意义

    • Gravatar Harid  @  九月 26th, 2010 at 16:46 replied.

      @WordPress啦, 可是你的站点评分很高呀,Grade A,Score 91。

  7. Gravatar
    Gorgons.ME! Google Chrome Google Chrome 7.0.503.0 Windows Windows XP
    九月 26th, 2010 at 12:50  | #12

    这个评分是什么?

    • Gravatar Harid  @  九月 26th, 2010 at 13:11 replied.

      @Gorgons.ME!, 就是测试网页性能,并给出相应的方案。

      • Gravatar Gorgons.ME!  @  九月 26th, 2010 at 13:42 replied.  | #13

        @Harid, 那这对我就没用了,这个估计为了分数高,需要去改网站的模板之类的,太麻烦了,还需要技术

        • Gravatar Harid  @  九月 26th, 2010 at 16:48 replied.

          @Gorgons.ME!, 其实改动也不是很大。你的评分是81分,也还可以,不要刻意追求这个东西。

90 + 16 =  (required)
comment_ad

 NOTICE1: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!

 NOTICE2: 请申请gravatar头像(http://en.gravatar.com),木有头像的会显示为“小怪物”头像,将难以通过审核!

分享按钮