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

2025-07-13 18:40:49

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

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

2、打开我们要优化的网站,本地也行,这时按f12打开debug,如下图已经可以看到css usager 唁昼囫缍这个页签,在这个标签左侧我们可以看到有Scan Clear AutoScanScan 扫描当前css试用情况Clear 清楚当前扫描结果AutoScan 开启自动扫描,我们知道一般网站设计会将css都写进一个文件,这样可以减少并发请求,流量大就知道重要了,这个按钮就是针对全站一个css,逐渐打开页面,扫描后累计起来的结果

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

3、这里拿我最近做的一个争犸禀淫<910笑翻网>做案列,我们点击scan看到如下图已经出结果,这里绿色是当前用到的css,红色是未用到的,这样我们就可以清楚的看见那些css可以去除了,在这里当然工具已经给了我们一个按钮,如图中标记的export cleaned css(导出清洗后的css)点击后就可以活的用到的css集合了,现在只要备份一份原css,覆盖导出后的,刷新看看效果吧。

提取有用的css代码,网页优化。html用到的css
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢