1、如下图在火狐里安装以上两个工具
2、打开我们要优化的网站,本地也行,这时按f12打开debug,如下图已经可以看到css usager 唁昼囫缍这个页签,在这个标签左侧我们可以看到有Scan Clear AutoScanScan 扫描当前css试用情况Clear 清楚当前扫描结果AutoScan 开启自动扫描,我们知道一般网站设计会将css都写进一个文件,这样可以减少并发请求,流量大就知道重要了,这个按钮就是针对全站一个css,逐渐打开页面,扫描后累计起来的结果
3、这里拿我最近做的一个争犸禀淫<910笑翻网>做案列,我们点击scan看到如下图已经出结果,这里绿色是当前用到的css,红色是未用到的,这样我们就可以清楚的看见那些css可以去除了,在这里当然工具已经给了我们一个按钮,如图中标记的export cleaned css(导出清洗后的css)点击后就可以活的用到的css集合了,现在只要备份一份原css,覆盖导出后的,刷新看看效果吧。