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

 时间:2024-10-12 08:52:19

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
  • KMPlayer怎么设置播放列表为可见目录
  • 怎么去下载安装潮汐APP应用呢
  • 如何使用ES6中的新增的特性和功能定义函数方法
  • Win10怎么添加来宾账户 如何启用Guest账户
  • node.js怎样获取文件信息?
  • 热门搜索
    关于的手抄报图片 格列佛游记手抄报 运动与健康手抄报 节约用水用电手抄报 呵护心灵手抄报内容 红军长征手抄报 以书为友手抄报 以新年为主题的手抄报 低碳环保手抄报内容 关于父母爱的手抄报