时间戳

首页 > 解决方案 > 这种内部CSS方式有效吗？

css - 这种内部CSS方式有效吗？

问题描述

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

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

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

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

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

这有效地为我提供了一个内部 CSS，同时仍然可以方便地为我的所有页面使用一个文件。我不再有渲染阻塞文件，PageSpeed 似乎更快乐。

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

标签： cssgoogle-pagespeed

解决方案

Google优化 CSS 交付的文档建议仅内联少量关键 CSS。您会发现缓存技术可以减少包含 CSS 文件所需的解析时间。将有一个值得维护成本的最佳位置。

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

推荐阅读