YSlow网站性能分析工具

BaiduShurufa_2015-3-19_17-0-47.png

YSlow是雅虎开发的用于分析的网站性能的浏览器插件,这个插件可以帮助我们分析并优化我们的站点。打开YSlow官网,我们可以看到有火狐、谷歌、欧朋浏览器的插件供选择等。本文主要简要介绍这款插件的安装(火狐、谷歌)以及使用方法。

一、安装

1)火狐上安装要先安装firebug,然后再“附加组件管理器->扩展”中搜索,下载安装。启动firebug,会发现多了YSlow选项卡,然后点击“Run Test”运行即可。

BaiduShurufa_2015-3-19_17-6-42.png


2)chrome安装,能翻墙的谷歌商店即可下载,不能翻墙的请点击这里进行下载。下载好之后直接拖动至“扩展程序”,即可安装,安装好之后谷歌会出现YSlow的图标

BaiduShurufa_2015-3-19_17-14-35.png


另外注意这个下拉框,YSlow(V2)包含了所有22个测试的规则,Classic(V1)包含原始13规则,Small Site or Blog包含14个规则,适用于小型网站或博客。

BaiduShurufa_2015-3-19_17-16-8.png


二、功能

1)Grade——等级

BaiduShurufa_2015-3-19_17-1-0.png

等级是根据雅虎提出的优化准则进行划分的,Yslow给出的网站性能评分,从F-A,A是最好的,从上图可以看出我的博客有两B一C,YSlow提示我减少HTTP请求、启用gzip压缩、避免使用CSS表达式,我们可以根据提出的这些建议进行方向性的优化。由于博客使用的是虚拟空间,所以我开启不了gzip压缩。至于CSS表达式是因为使用了多说评论系统(怕改了之后会破坏原布局,所以没去改它),最后YSlow会根据这些等级总结出网站所得的分数。我博客的等级是A,分数是95


2)Component——组件

BaiduShurufa_2015-3-19_17-35-13.png

那么从这个组件视图中我们可以清楚的知道各种文件的大小,展开之后可进一步查看更详细的信息。例如,我的博客中有8个图片,图片所占的空间为150.5K。


3)Statistic——信息统计

BaiduShurufa_2015-3-19_17-42-11.png

从这个视图中,我们可以知道页面总共的HTTP请求数,网页大小是407.3K。左边的表示页面在没有缓存时候的情况。右边是使用缓存后的情况。可见使用缓存后,HTTP请求少了4次,页面加载大小减小至16.4K。这在很大程度上加快了网页的加载速度。