Yslow&PageSpeed– 诊断各种缓慢症状

Google的PageSpeed和yahoo的yslow是各位不可少的前端工具（同样也都是firebug的插件，安装了firebug之后才可以拥有她们），当各位无法用三寸不烂之舌收拾产品和各种大佬的时候。我猜您可以用这两锅说服他们。

slow地界面一如往常的顺眼

下面简单说一下yslow的主要功能

    其中上图标示3的地方是yslow的几个主要功能的选项卡。

 

    第一个选项卡是当前页整体评分（Grade），个人对这个很不敏感。点选后为下图（个人对评分很不敏感）

 

    第二个选项卡是当前页的一些加载进来的各种文件统计，点选后为下图

 

    第三个选项卡是状态，左边的饼图是缓存前的状态，右边的是缓存后的状态。点选后为下图

 

    第四个选项卡是一些yslow推荐的优化工具（我个人经常用的是smush，可以无损压缩各种web端的图片）点选为下图

 

 

    OK，最后一个小工具PageSpeen带着明显的google血统出场了，一如既往的简约而不简单。

    在各位激活pagespeed地时候，就会立刻不骚等的出现当前页面的一些需要优化的提示。红色表示急切需要优化，黄色表示还阔以。绿色表示优化的很好。

    当点开急切需要优化的optimize images这栏的时候，就会出现这样的界面，直接点选图片就会下载已经压缩好的图片，十分安逸。（本地的html不阔以压）