这种内部CSS有效吗？

Question

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

我们举个例子index.php.我已经先加入做到了标准的方式<link rel="stylesheet" href="style.css">在<head>我的HTML输出.

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

然后我尝试了另一种方法,而不是<link>上面的标记,我在以下内容中添加了<head>:

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

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

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

Answer 1

谷歌关于优化CSS交付的文档建议只列出少量的关键CSS.您会发现缓存技术可以减少包含CSS文件所需的解析时间.将有一个甜蜜点,值得维护成本.

您也可以查看安装Page Speed模块.下面有一些关于PHP缓存的文章.您还可以考虑为静态文件传输启用压缩 - 这大大减少了大多数文本文件的大小.