标题中有多个CSS文件？

Question

我有一个PHP脚本，其头部有两个CSS文件。其中一个CSS文件只有大约5条短线。

将那个移动到更大的CSS文件中是否安全？当一个只有几行时，有两个单独的CSS文件是什么意思？

Answer 1

是的，他们是一个重点。我有一个处理所有颜色的design.css，一个仅用于定位和尺寸的layout.css，我有一个处理动画等的interaction.css。

1. 组合CSS文件没有问题，只要它不影响可读性。请记住，结构必须保留：

file1.css file2.css

以相同的顺序生成包含以下代码的文件：

/* content of file1.css */
/* content of file2.css */

Answer 2

完全没有意义（在这种情况下）。你应该把几行移到另一行。 如果您有2个单独的文件 - 将有2个请求到服务器。 你可能没有看到差异，因为这些是毫秒，但在这种情况下它将是一个“最佳实践”。

Answer 3

本质上，它可以帮助浏览器仅加载与页面相关的内容，从而加快页面加载时间。

有些服务可以显示您下载的CSS有多少应用于给定页面。

Answer 4

没有理由不将它移到同一个文件中。

您可以根据需要拥有尽可能少的CSS文件。

只有当您拥有大量样式并且CSS文件变得庞大且不可读时，才能获得优势。那么打破它们是有道理的。或者当你想将它们分成不同的页面等时。

它只是对服务器的一个额外请求，对于只有5行似乎毫无意义。

Answer 5

检查以确保您的PHP脚本不引用仅包含几行的CSS文件。如果没有，那么你就可以合并两者了。如果它引用它，那么考虑在较大的CSS文件中调用较短的CSS文件，如下所示：

@import url('/css/smaller-file.css');

如果将其添加到较大的CSS文件中，那么您应该能够在PHP标头中放置更大的CSS文件。

希望这有帮助！

Answer 6

当然有一点，就像有很多文件可以用来组织内容一样。

由于有很多请求对性能造成很大负担，通常的解决方案（和我的）通过将目录的所有CSS文件连接成一个来使用构建脚本来构建生产中的版本。确切的方法取决于你的建筑

请注意，它与JS文件的连接和缩小类似。