Question

我开始将独立的HTML部分提取到自己的文件中，并使用PHP include关键字包含它们。

我有一个大约1500行的CSS文件。什么＆＃39;我正在考虑将嵌入式CSS与相应的HTML文件放在一起。

当然留下在不同HTML块中使用的组件。

这样我就可以使用PHP include

在服务器上包含模块化的HTML / CSS块

这是最佳做法吗？是/否，为什么

Answer 1

浏览器缓存CSS文件...因为加载一个大的CSS文件并不是什么大问题。

如果你想让它超级高效，你可以将css分成不同的模块。然后创建一个“构建系统”，检查正在使用的模块，并创建一个只有必要的CSS的CSS文件（甚至缩小）。

Answer 2

我不会直接将CSS嵌入到HTML文件中，但每个文件都有一个外部样式表。就像你应该将你的JS与你的HTML分开一样，这也可以使你的CSS分开。然后你需要做的就是包含你的CSS

<link rel="stylesheet" href="path/to/style.css">

您将在任何全局样式表下面添加。这也使特定于页面的CSS仅限于仅在该页上加载，因此不会浪费任何带宽来传输您永远不会使用的样式。

但是，如果您在页面中include()说出15个文件，则不希望对CSS文件发出15个请求。在这种情况下，您应该将它们分组到更大的文件中，以减少所需的请求数。

Answer 3

这里有几件事要考虑，看看哪种方式最适合你：

您的服务器当前是否发送了CSS文件的http-gzip压缩文件以使其尽可能快？
你是否缩小了CSS以确定你能获得多少（有几个工具可以为你缩小文件，比如YUI Compressor）？
将CSS作为片段发送将意味着浏览器无法缓存该文件;检查是否值得。这取决于许多变量，例如每位访问者的平均页数（查看Google Analytics或其他统计软件可能会有所帮助），块的大小与整体CSS大小等等。
与没有PHP的平面文件相比，使用PHP提供块的服务器计算开销可能是也可能没有;检查这是否与您的情况相关。
您是否提供依赖媒体的CSS？如果是这样，请确保仅在需要时才提供服务（例如，移动设备可能只需要移动设备）。