这种内部CSS有效吗？

Question

我正在尝试优化一个小网站，我现在正在研究CSS。

我们以index.php为例。我首先通过在我的HTML输出的<link rel="stylesheet" href="style.css">中添加<head>来以标准方式完成它。

谷歌PageSpeeds然后抱怨渲染阻止文件。

然后我尝试了另一种方法，而不是上面的<link>标签，我在<head>中添加了这个：

<style>
    <?php include 'style.css';?>
</style>

这有效地给了我一个内部CSS，同时仍然方便我的所有页面都有一个文件。我没有渲染阻止文件，PageSpeed似乎更快乐。

这里有什么明显的缺点吗？我应该像Google PageSpeed一样快乐吗？

Answer 1

用于优化CSS交付的Google's documentation建议仅列出少量关键CSS。您会发现缓存技术可以减少包含CSS文件所需的解析时间。将有一个甜蜜点，值得维护成本。

你也可以看看安装Page Speed module。下面有一些关于PHP缓存的文章。您还可以查看enabling compression的静态文件传输 - 这会大大减少大多数文本文件的大小。