星期九YSlow评分98分

Posted by Harid九月 - 26 - 2010 Leave comments

哈哈,这是个好消息,晚上我再优化了一下星期九,可能最近访问我的朋友会发现出不来自己的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分

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

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

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

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


分享按钮