【发布时间】:2011-02-05 03:39:49
【问题描述】:
我对速度和所有这些都不太了解,所以我不确定一个巨大的样式表是否会在页面加载时显示出显着的变化。为简单起见,我想使用一个样式表,使用 ID 覆盖网站的所有区域,例如#forum div.menu 或#game div.menu。知道这会使样式表变大,我对它太多感到不安。有人可以提供有关样式表大小的重要性以及一些规范的见解吗?
【问题讨论】:
我对速度和所有这些都不太了解,所以我不确定一个巨大的样式表是否会在页面加载时显示出显着的变化。为简单起见,我想使用一个样式表,使用 ID 覆盖网站的所有区域,例如#forum div.menu 或#game div.menu。知道这会使样式表变大,我对它太多感到不安。有人可以提供有关样式表大小的重要性以及一些规范的见解吗?
【问题讨论】:
如果您的用户无论如何都要使用所有这些样式,通常最好在一个样式表中提供它,因为它减少了 HTTP 请求并允许浏览器缓存所有这些。但是,如果您的用户不经常访问的页面有很多 CSS(并且将其包含在全局样式表中会增加一堆权重并增加大量的文件),最好将其放在单独的文件中。
【讨论】:
在尝试提高速度时,较大的样式表比较小的多个样式表要好。 HTTP 请求是减慢网页速度的主要原因之一。它与图像相同。一张大图比很多小图要好得多。这是减少 http 请求的好链接:http://www.dailyblogtips.com/speed-up-your-site-reduce-the-http-requests/。
【讨论】:
您可能会发现这篇 Yahoo Developer Network 文章非常有用。 它有许多关于 CSS 优化的部分 为您的网站。
“加快网站速度的最佳实践”
【讨论】: