2009-11-03 52 views
5

我最近开始在一个非常大的高流量网站上工作。我们非常希望减少我们的样式表的大小和数量,缩小是我们将追求的一条路线,但是任何人都知道用于检查ID和班级使用的任何工具?从字面上扫描网站,看看有什么活动和什么不是?在大型网站上管理CSS

或者,任何软件用于重新编译css以减少重复和大小?

在此先感谢

+0

尽管它反映了雅虎的建议和YSlow,但和我们的Google页面速​​度相同,我的选择器是个不错的选择。任何其他软件人员?感谢那些已经回复的人。 – toomanyairmiles 2009-11-03 13:17:11

+0

http://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions – toomanyairmiles 2009-11-03 13:21:41

回答

7

字面上扫描网站,看看 什么是积极的,哪些不是?

Dust-Me选择器是一个Firefox插件,您可以使用它显示哪些css规则未被使用。 http://www.sitepoint.com/dustmeselectors/

+0

http://stackoverflow.com/questions/33242/how-can-i-find-unused-images-and -css-styles-in-a-website – toomanyairmiles 2009-11-03 13:19:46

+0

让我很不错,但需要一个xml站点地图,一旦提供了这样一个大的地图(35k行),它就会崩溃。 – toomanyairmiles 2009-12-01 13:55:38

3

我当然可以推荐Google的Page Speed(http://code.google.com/speed/page-speed/)来检查您的网页的性能(以及可能的改进)。 页面速度还检查您的网页上的类和CSS的使用情况。

它与Firebug结合使用。

+3

这是一个很好的建议,但不是针对问题的目的 – Faruz 2009-11-03 12:12:07

1
  • Gzip压缩在网络服务器。
  • 为了避免重新加载CSS文件,将来会存在很久的到期日期。
1

或者用于 任何软件编写所css来减少repition 和大小?

间接的另一个层面......你(和你的团队)应该写根据需要尽可能多的意见长的CSS文件,然后写一个工具,根据需要,将发布合并后的文件(不同的模板需要不同的文件) ,删除评论和缩小为http://www.cleancss.com可以做(CSSTidy)。如果您不能在1个月内修改文件或跟踪修改(或者如果其他人必须这样做,则更糟糕!),可读性将首先出现。

其他选项是减少整个网站使用的模板数量。不需要两个具有2px差异的模板(网格布局是坚持这一点的好方法)或不一致的显示错误消息的方式。如果尚未完成,请为您的网站定义共同的外观和感觉,并向网站设计人员提供说明。

+0

我们拥有35,000页的订单,10个模板和约20%的网站位于CMS中。问题是找出哪些选择器被使用,哪些不是在我们进行缩小处理之前 – toomanyairmiles 2009-12-01 13:57:36