Yslow是雅虎开发的基于网页性能分析的浏览器插件,主要用于分析网页性能并提供优化建议,其使用方法如下:安装Yslow打开Yslow官网,选择适合的版本(如火狐、谷歌、欧朋浏览器或移动版)。以火狐浏览器为例,需先安装Firebug插件。安装完成后,有两种启动方式:打开Firebug窗口,选择Yslow选项。直接点击火狐右下角的Yslow启动按钮。运行分析点击 Run Test 运行Yslow,也可以点击 Grade、Components 或 Statistics 选项开始对页面的分析。若勾选 Autorun YSlow each time a web page is loaded,Yslow将自动对后续打开的页面进行分析。规则集选择:Yslow(V2)包含22个测试规则,Yslow(V1)包含原始13个规则,小网站或博客可选择包含14个规则的规则集,适用于小型网站或博客。分析结果Grade(等级视图):Yslow给出的网站性能评分,从F~A,A为最佳。通过此视图可查看网站得分最低的部分,例如HTTP请求过多、外部JS或CSS文件过多等。Yslow会提供合并CSS或JS文件的建议。Components(组件视图):通过此视图可查看网页各个元素占用的空间大小,例如图片数量、大小及来源。可发现来自外部(如gravatar评论头像)的图片占用空间较大,影响网站速度。Statistics(统计信息视图):左侧图表显示页面元素在空缓存的加载情况,右侧为使用缓存后的页面加载情况。通过此视图可直观看到缓存对网页加载速度的提升效果。辅助工具JSLint:检验HTML代码及内联Javascript代码,可发现JS错误。ALL JS:查看网页引用的JS数量。All JS Beautified:将所有JS放在打开的页面中,便于统一检查。All JS Minified:显示压缩过的JS代码,可直接用于优化。All CSS:显示网页所有CSS文件。YUI CSS Compressor:显示网页压缩后的CSS文件,可直接使用。All Smush.it™:图片在线优化工具,点击后自动跳转到smushit网站进行优化,并提供优化前后的对比,点击可直接下载优化后的图片。Printable View:打印视图,适用于部门开会、前端设计师讨论或向老板汇报。注意事项雅虎曾提出34条网站速度优化准则,现精简为23条,并针对每条给出从F~A的评分及总分。23条优化建议可在Yslow官网首页查看,也可在使用Yslow后,在控制面板中查看评分提示及改进建议。



































