我一直在研究 Filament 的 Critical CSS ( https://github.com/filamentgroup/grunt-criticalcss )，并对它的用法有疑问。
由于我一直在使用该工具，它会为我指向的每个页面生成一个“关键”工作表，以便我可以通过
中的 <style> 标记将这些文件内联到 HTML 中。这一切都有道理。但是，一旦用户访问我网站的任何页面，他们就会完全缓存主工作表。此时，停止内联 CSS 是否有意义，因为用户已经加载了 CSS，而是通过传统标签链接到它？
最佳答案
如果您确定用户缓存了样式表，这将是一种有效的方法，假设解析缓存的样式表或关键 CSS 的内联样式将花费相同的时间。
但是您无法确定它是否存在于用户缓存中。由于关键的 css 也存在于样式表中，这不是问题，但它会使页面渲染速度变慢。
知道它何时有用的唯一方法是解析您的访问日志，尝试找出当特定用户请求特定页面时也请求样式表的频率。使用它，您可以创建一个概率模型，了解何时内联关键 CSS 有用。这似乎是为了一点小收获而付出太多的努力。我猜测使用内联关键 CSS 对于登陆页面或病毒式传播的页面最有用。
关于html - 下载完整 CSS 后是否应该删除内联 CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27640945/