Question

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

让我们以index.php为例。首先，我通过在HTML输出的<link rel="stylesheet" href="style.css">中添加<head>来完成此操作。

然后，Google PageSpeeds抱怨渲染阻止文件。

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

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

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

这里有什么重大缺点吗？我应该像Google PageSpeed一样快乐吗？

Answer 1

Google's documentation用于优化CSS交付建议仅内联少量关键CSS。您会发现缓存技术可以减少包含CSS文件所需的解析时间。值得您花一个好地方的维修费用。

您也可以考虑安装Page Speed module。以下是有关PHP缓存的更多文章。您还可以查看enabling compression进行静态文件传输-这样可以大大减少大多数文本文件的大小。