在我们做网站的过程中,免不了拿些别人的代码,因为我们不是专业的美工,没有切图什么的原创技能,不过其实跟着牛逼的网站走也挺好的,我的意思就是仿别人的网站,在我们扒下来后免不得修改,加加删删,发现多出几个css,那这样就需要优化了。
工具/原料
1
火狐浏览器 firebug
2
火狐浏览器插件css usager
方法/步骤
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,覆盖导出后的,刷新看看效果吧。
注意事项
做电脑的要注意备份源文件,少看几个片就有了,哈哈