提取有用的css代码，网页优化。html用到的css

1、如下图在火狐里安装以上两个工具

2、打开我们要优化的网站，本地也行，这时按f12打开debug,如下图

已经可以看到css usager 这个页签，在这个标签左侧我们可以看到有Scan Clear AutoScan

Scan 扫描当前css试用情况

Clear 清楚当前扫描结果

AutoScan 开启自动扫描，我们知道一般网站设计会将css都写进一个文件，这样可以减少并发请求，流量大就知道重要了，这个按钮就是针对全站一个css，逐渐打开页面，扫描后累计起来的结果

3、这里拿我最近做的一个<910笑翻网>做案列，我们点击scan看到如下图已经出结果，这里绿色是当前用到的css，红色是未用到的，这样我们就可以清楚的看见那些css可以去除了，在这里当然工具已经给了我们一个按钮，如图中标记的

export cleaned css（导出清洗后的css）点击后就可以活的用到的css集合了，现在只要备份一份原css，覆盖导出后的，刷新看看效果吧。