用 Page Speed 检测多余的 CSS

加速 WordPress 对我来说是永恒的主题，今天又找到一个可以帮助 WordPress 提速的小工具——Firefox 插件 Page Speed。试用了一下，感觉很不错，立马拿出来分享一下。

如果你的主题和我一样不是亲手一笔一划写出来，而是套用别的主题修改的话，那样式表里难免会残留一些多余的 CSS，积少则成多，臃肿的 CSS 久而久之会拖慢 WordPress 的加载速度。所以我们需要做的就是清理掉那些多余的 CSS。清理多余的 CSS 一点也不难，但是很麻烦很耗时，为了提升 WordPress 的速度我之前不惜耗费大量的时间比对样式表和 Html 中的选择器来剔除多余的 CSS，难免还会漏掉一二。

今天我推荐的这个 Page Speed 插件就完全可以替你自动甄别多余的 CSS，可以从下面的截图看出，Page Speed 和 Yslow 一样，也是基于 Firebug 的插件，而与 Yslow 各有所长，结合实用效果更佳。

以上这张截图是 Page Speed 根据当前页面判定出多余的 CSS 的选择器和所在行数，只需删除即可。再看看下面这张清理 CSS 后的截图：

可以看到红圈圈的 "Remove unused CSS" 一项已经从刚才的三角警告标志变成了绿色通过标志。于是乎我就轻轻松松给 CSS 减肥了，再也不用像以前逐个比对那样费时费力。

Page Speed 有很多提速选项，给 CSS 减肥只是其中一项。总的来说，Page Speed 比 Yslow 更细致，而且不只是像 Yslow 分析原因，更是给出了解决方案，很容易上手。

点此进入 Page Speed 插件下载页面

10.03 Update: 感谢 zwwooooo 和 whisperer 的友情提醒，因为大多数博客全站就只有一个 style.css，不像我给每个不同页面的样式都独立开来了，而 Paged Speed 只是针对当前页面排除多余的 CSS，所以会将其他页面需要用的 CSS 误杀，还是要有选择的删除，Paged Speed 仅作为辅助工具，不可完全用它来代劳，建议有 CSS 基础的朋友使用，另外修改前记得备份。