网站性能工具Yslow的使用方法
2022-06-01 11:21:20
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后，在控制面板中查看评分提示及改进建议。
热门标签
