php - 什么加载时间更重 : css or php requests?

Question

我正在使用 cms (Wordpress)，并且在每个页面上加载一组外部样式表，尽管其中一些样式表是特定于页面的。总的来说，我从 Yslow 和 Page Speed 中得到了不好的分数，所以我正在考虑添加一些 php 条件来告诉浏览器根据需要仅加载页面特定的 css 文件。然而，我想知道我是否真的会减少加载时间，因为我将为浏览器添加更多 PHP 请求。

Answer 1

您应该只拥有 1 个(最多 2 个)全局 CSS 文件

之后，如果您需要特定于页面的 CSS，则可以再使用 1 或 2

请勿将 PHP 文件作为 CSS 加载，因为仅启动 PHP 解释器的行为就比提供静态 CSS 文件要密集数百倍。因此，在 CSS 中添加 PHP 条件并将其重命名为 .PHP 不是答案

您可能想要研究的是将所有 CSS 文件合并为一个，并使用特殊的类来触发它们

例如，不要这样做:

main.css

body { background-color: black; color: white; }

我的自定义页面.css

body { background-color: white; color: black; }

只需这样做:

main.css

body { background-color: black; color: white; }
body.custompage { background-color: white; color: black; }

并在您需要该行为时将 class="custompage"添加到您的 BODY 元素

因为 body.custompage 比 body 有更多的限定符，所以它将具有更高的优先级并覆盖您之前的声明。你也可以这样做

.custompage a { color: red; }
.custompage p { font-weight: bold; }

然后您可以对所有页面进行单一、相同的 CSS 调用

浏览器缓存喜欢这一点