如何在样式表中查找未使用的CSS样式

CSS

即使您的样式表被缓存,当有人第一次访问您的网站时,一个臃肿的 CSS 文件确实会减慢您的网站速度。 这对于第一印象来说并不算太好。 随着网站的发展,他们倾向于使用新的小部件和对象进行扩展,设计师会继续使用越来越多的样式表选项进行微调。 随着时间的推移,您的样式表可能会变得非常臃肿并成为 为什么您的网站下载速度较慢 相对于其它的。

我在网上看到过其他 CSS 验证工具。 我们已经使用 干净的CSS 通过更好地组织和缩小文件上的数据来减小文件大小。 但是,当您使用第三方来分析您的网站时,您必须小心。 如果他们抓取一页并分析您的 CSS,该工具可能会让您删除在其他页面上使用的大量样式。

情况并非如此 未使用的CSS –一种工具 安德鲁·巴尔多克(Andrew Baldock) 来自Mindjet, 思维导图 应用程序,昨天给我看了。 该工具会抓取您的网站并识别未使用的 CSS。 您甚至可以检查想要保留的样式,而无需进行分析。 最重要的是,您可以在通过 minify 例程运行后下载样式表。

未使用的css

上方是仪表板, 未使用的CSS 发现它可以将我的样式表减少 56%。 我们将继续测试该工具——我仍然担心我们通过 Javascript 和 Ajax 引入的对象。 但是,它对我们来说似乎是一个很好的资源。

2条评论

  1. 1
  2. 2

你觉得呢?

本网站使用Akismet来减少垃圾邮件。 了解您的数据如何处理.