yslow 网站性能评分工具的图文解析
终于说到Yslow这个东西了。想必好多人对此评分规则并不陌生了。尤其是一些做独立博客的博主，很是热衷于这个评分规则。
下面我就简单介绍一下这个很火的“舶来品”，他叫Yslow（解析为 why slow），他有个名爹叫yahoo，他是个老师主要负责给页面打分，他家在：http://developer.yahoo.com/performance/rules.html 这里。他与chrome 还有 firefox 都是好朋友，在firefox家里会与firebug呆在一起。他办事情很有条理，并且有一套让很多人热衷的打分规则。另外他还能对于别人的不足给出建设性的意见，这点是让别人津津乐道的地方。
可能由于中国应试教育的结果吧，使得这个百分制的yslow评分规则在站长圈是如此火爆。我发现不仅仅在前段开发领域，但凡对网站有所了解的程序员，seo人员，甚至美工，对此神器都满目崇拜，这厮估计自我感觉M神一般，带了两个大药水就裸妆上阵了... 突然想起大学时光里，大家一起dota的情景，所以跑题了，话说我们技术都很菜，但是却很让人怀念
言归正传了，下面我用图文介绍的方式给大家说一下yslow工具的使用（yslow安装在firefox）
Yslow性能检测图文教程
界面一：Yslow启动界面（Home）
yslow 启动界面
- 需要注意的是红色框中的内容，对于一般博客性质的网站我们可以选择 “第三项 small site or blog”，这样对应的评分规则比较少。当然你也可以选择yslow(V2)进行更全面详细的分析。
- 点击 Run Test 则开始运行Yslow，只有yslow运行后才可以点击 Grade, Components, 或Statistics选项进行对页面的分析，如果在 Autorun YSlow each time a web page is loaded 上打上对勾，它将自动对以后打开页面进行分。
界面二：Yslow分析结果得分界面(Grade)
yslow 分析结果得分界面
- 绿色圆圈中的是你的页面的总体得分，以ABC划分级别，
- 接下来在后面你会看到很符合中国国情的百分制得分，这里我的首页得分是100分，小小虚荣一下。
- 再接下来你会看到 ALL (15)，FILTER BY:CONTENT (5)，CSS (5)，IMAGES (2)，JAVASCRIPT (3)，SERVER (2)。你应该能明白吧，这里意思就是说一共是15条评分规则，其中内容5条，css5条，图像2条，js三条，服务器2条。
- 在左侧列表处是详细的检测规则，评分从A-F几个级别
- 点击每个规则如果有降低得分的地方，在右侧会有提示，并给出yahoo的建议。点击read more 链接会得到关于这个评分更详细的介绍。
附上yslow v2检测结果一张，以做对比
界面三：组建视图界面（Components）
yslow 各个组件视图信息
这个视图窗口主要列出了页面文档，图片，css,css中的图像，js，favicon图像的大小，以及启用gzip压缩后大小，接收与发送cookie的大小，点击放大镜可以查看请求头信息，url是地址，expires是缓存是否存在，以及过期时间。response time是该文件响应的时间，单位是毫秒ms。后面是否启用etag，Action，yslow给出的建议部分，可以进行怎样的优化操作。比如我的背景图的话，它会给出压缩建议，并能提供一个压缩后的图片。
界面四：统计信息视图（Statistics）
yslow统计信息视图，比较直观化
这个页面比较简单，主要是圆形分析图。其中上面有这么一句话“The page has a total of 17 HTTP requests and a total weight of 209.9K bytes with empty cache” ，大概意思是一共有17个请求，并且会产生209.9k的缓存。我是这么理解的，不知道有没有错误...
界面五：yslow推荐的一些优化工具
yslow推荐的一些性能优化工具
JSLint：顾名思义，给js找茬的，专门给js文件挑错。 All Js 能显示页面中载入的所有的js代码。 All Js Beautiful ，给js美容，同本站的web前端开发工具箱。?All JS Minified ：还是搞搞js，压缩一下js。?All Css，你应该能明白神马意思了。YUI CSS Compressor 对css进行压缩的干活。All Smush.it 这个东西还有点用处，给图片压缩用的，会跳转到 Smush.it 这个网站上，该网站可以提供图片压缩前后的对比，并可下载压缩好的图片直接使用。值得一用。Printable View：在浏览器中打开检测的整体报告，比较清晰一些。可以用来打印。