代码之家  ›  专栏  ›  技术社区  ›  Jonathan Day

如何通过删除不匹配和/或不必要的CSS选择器来优化样式表

  •  7
  • Jonathan Day  · 技术社区  · 14 年前

    我继承了一个拥有数千个选择器的巨大样式表,我确信其中的很多都是不必要的,并且从来没有真正匹配过站点上的元素。为了优化,我想删除那些孤立的选择器/规则。

    是否有任何工具可以让我将CSS与整个站点进行比较,以确定哪些选择器是必需的,哪些不是?

    该站点有Ajax组件,因此编写curl/wget脚本来遍历该站点,然后遍历每个选择器和grep来进行匹配也不是特别可行(尽管这有点有趣…)

    欢迎所有建议。

    谢谢, JD

    3 回复  |  直到 14 年前
        1
  •  2
  •   rsturim    14 年前

    有一个名为“dust me selectors”的火狐插件。

    https://addons.mozilla.org/en-US/firefox/addon/5392/

    “它从您正在查看的页面上的所有样式表中提取所有选择器,然后分析该页面以查看哪些选择器未被使用。然后存储数据,以便在测试后续页面时,可以在遇到选择器时将其从列表中划掉。”

    这是一个相当手工的过程,但也可能是你想要的。

        2
  •  1
  •   Robert Harvey    14 年前

    您可以尝试许多在线优化器中的一个,例如:

    http://www.cleancss.com/

    Robson压缩器显然在组合和移除冗余选择器方面做得最好。

    http://iceyboard.no-ip.org/projects/css_compressor

    一些在线优化器能够删除未使用的选择器。

        3
  •  0
  •   Gajendra Bang    14 年前

    检查CSS覆盖范围(firebug的扩展) http://perishablepress.com/press/2010/06/21/how-to-micro-optimize-your-css/

    在我看来,总比给我灰尘好

    推荐文章