我有一个 PHP 脚本,它的标题中有两个 CSS 文件。其中一个 CSS 文件中只有大约 5 个短行。
将那个移到更大的 CSS 文件中是否安全?当一个只有几行时,拥有两个单独的 CSS 文件有什么意义?
我有一个 PHP 脚本,它的标题中有两个 CSS 文件。其中一个 CSS 文件中只有大约 5 个短行。
将那个移到更大的 CSS 文件中是否安全?当一个只有几行时,拥有两个单独的 CSS 文件有什么意义?
是的,他们是其中的一个重点。例如,我有一个处理所有颜色的 design.css,一个用于定位和大小的 layout.css,我有一个处理动画等的 interaction.css。
文件 1.css 文件 2.css
以相同的顺序生成包含以下代码的文件:
/* content of file1.css */
/* content of file2.css */
根本没有意义(在这种情况下)。您应该将几行移到另一行。如果您有 2 个单独的文件 - 将有 2 个对服务器的请求。您可能看不到差异,因为这些是毫秒,但在这种情况下,这将是“最佳实践”。
从本质上讲,它可以帮助浏览器仅加载与页面相关的内容,从而加快页面加载时间。
有些服务可以显示您下载的 CSS 有多少应用到给定页面。
没有理由不将其移动到同一个文件中。
您可以根据需要拥有尽可能少或尽可能多的 CSS 文件。
只有当您拥有大量样式并且 CSS 文件变得很大且不可读时,优势才是真正的。然后将它们分解是有意义的。或者当您想将它们拆分为不同的页面等时。
它只是对服务器的一个额外请求,这对于仅 5 行似乎毫无意义。
检查以确保您的 PHP 脚本没有引用其中只有几行的 CSS 文件。如果没有,那么您可以将两者合并。如果它确实引用了它,那么考虑在较大的 CSS 文件中调用较短的 CSS 文件,如下所示:
@import url('/css/smaller-file.css');
如果将其添加到较大的 CSS 文件中,那么您应该能够在 PHP 标头中只包含较大的 CSS 文件。
希望这可以帮助!
当然有一点,就像有许多任何语言的文件来组织内容一样。
由于有很多请求对性能造成很大负担,通常的解决方案(和我的)是使用构建脚本通过将目录的所有 CSS 文件连接到一个来构建生产中的版本。执行此操作的确切方法取决于您的建筑
请注意,这与对连接和缩小的 JS 文件所做的操作类似。