一个庞大的CSS - 或许多小的?

Pau*_*aul 4 html css

希望简单的问题.

我们有一个超过3000行的样式表,因此在页面渲染时会出现明显的延迟.

这里有一个问题:是否更好的是有一个覆盖所有内容的大型样式表,或者覆盖页面不同部分的大量小样式表?(例如一个用于布局,一个用于下拉菜单,一个用于颜色等?)

这只是为了表现,而不是'更容易'

Sam*_*son 16

3000线?您可能希望首先进入并查找冗余,不必要的详细选择器以及其他格式/内容问题.您可以选择创建文本样式表,颜色样式表和布局样式表,但这可能无法提高性能.这通常是为了给你更多的组织.一旦你收紧规则,你也可以通过删除所有格式来缩小它,这可能会削减一点,但可能不会太多.


Joe*_*oey 13

好吧,如果你将这3k行拆分成多个文件,整体渲染时间不会减少,因为

  1. 所有3000行仍然需要解析
  2. 需要多个请求来获取CSS文件,这会在另一个级别上减慢整个问题的速度

  • 如果样式被分成页面所需的不同部分,并且只需要某些样式的页面包含那些样式表,该怎么办? (8认同)

fvu*_*fvu 6

根据这个可能可靠的源文件,满足规则1(最小化http请求).并且不要忘记规则10,缩小js和css,尤其是3000线怪物.


ano*_*ard 5

如果你因为额外的HTTP请求的开销和每个连接的新连接而将它们拆开会更糟糕(我相信这是Apache保持关闭的默认行为)

无论哪种方式,都需要在任何事情发生之前下载和解析.