html - 我应该在完整的 css 下载后删除内联 CSS 吗？

Question

我一直在研究 Filament 的 Critical CSS ( https://github.com/filamentgroup/grunt-criticalcss )，并对它的用法有疑问。

由于我一直在使用该工具，它会为我指向的每个页面生成一个“关键”工作表，以便我可以通过 中的 <style> 标记将这些文件内联到我的 HTML 中。这一切都是有道理的。

但是，一旦用户访问我网站的任何页面，他们就会将主工作表完全缓存起来。此时停止内联 CSS 是否有意义，因为用户已经加载了 CSS，而是通过传统标签链接到它？

Answer 1

如果您确定用户已缓存样式表，这将是一种有效的方法，假设解析缓存样式表或关键 css 的内联样式将花费相同的时间。

但是您不能确定它是否存在于用户缓存中。由于关键 css 也存在于样式表中，这不是问题，但它会使页面呈现速度变慢。

了解它何时可能有用的唯一方法是解析您的访问日志，尝试找出当特定用户请求特定页面时样式表也被请求的频率。使用它，您可以创建一个关于何时内联关键 css 有用的概率模型。这似乎是为了一点点收获做太多的工作。我猜想使用内联关键 css 对登陆页面或病毒式传播的页面最有用。