在构建网页方面我很认真，而我的PageSpeed得分总是在90-100左右。
然而，最近它已经在80年代用于台式机而70年代用于移动设备。
我最关心的是“在首映内容中消除渲染阻止CSS”。我理解这意味着什么，我理解如何修复它，但我看不出这样做是否切实可行。如果我理解正确：
您必须确定在折叠内容上方呈现哪些CSS并将其内联 - 尽管这是一个挑战，但与以下内容相比，它可能是我们最不担心的......
您的常规外部CSS文件仍将呈现阻止，因此您必须推迟此操作并通过JavaScript加载它。我发现我们依赖JavaScript来帮助设置页面样式，这让我感到有点不可思议。
内联内容不会被缓存。如果您的首页内容与标题和导航类似，则可能是每个页面上的折叠内容，因此相关样式的缓存肯定是一件好事。
如果您在响应式设计中有多个断点，为避免出现无格式内容，您可能需要在内联内容中包含各种媒体查询。然后在外部CSS中进行相同的媒体查询。然后，如果你改变它们，记得在两个地方都改变它们。
如果您的网站非常基础，那么内联内容可能会非常小，但设计更复杂，内联内容可能会非常大。除了将两者分开，从工作流的角度来看是一场噩梦。
我是唯一一个对此感到痛苦的人吗？那里有人有效地做这个例子的例子吗？ （我见过的唯一例子是人们将整个CSS内联起来，我认为这不是一个好的解决方案。）
可以想象谷歌最终会放弃这个建议，因为99％的网站看起来不实用吗？
答案 0 :(得分：0)
我认为很难确定上层内容需要哪些CSS。例如，参见Luke Wroblewski撰写的这篇文章：There is no fold。对于具有巨大CSS文件的页面使用内联CSS可能是一个好主意，因为perceived performance得到了改进，但一般来说我倾向于保持我的CSS文件较小并压缩＆amp; gzip它。
如果您的网站CSS非常小，那么内联CSS可能会更好，因为HTTP查找，服务器响应和发送文件可能需要花费更多时间，而不是将CSS放在HTML的头部。
我也同意3），CSS没有被缓存。内联CSS可能对微型网站或目标网页有用，可以使用快速加载页面来增加转化次数，但它可能对在线商店产生不良影响，因为人们通常更“浏览”页面，因此加载不同的页面（和总是需要加载内联CSS）。
似乎有一些关于是否应该内联CSS的讨论。此外，Google PageSpeed为您提供了有关如何加快页面加载的建议，但并未说明它们始终是正确的。有这么多不同的网站，你应该总是看到每个页面可以通过哪种方式改进。有时，内联CSS不会改善页面加载，而是从页面中删除的图像。