我一定需要删除“呈现阻止CSS”吗

Question

我把我的主页通过谷歌的PageSpeed测试，它给了我69分移动和95分桌面。唯一的问题是呈现阻塞CSS。

现在，我的网站上所有的网页都在折叠上面。也就是说，任何地方都不涉及卷轴。考虑到这一点，我个人觉得我不应该做任何特别的事情，因为CSS从一开始就需要以我设计的方式查看我的页面。

如果我执行异步加载或其他操作，它最终将在预期输出之前的黑白未组织页面上显示内容。

我忽略谷歌了吗？这将意味着我永远不会得分100/100，这不会影响我的搜索引擎优化机会吗？

Answer 1

不，你不必。但在大多数情况下，它间接地有所帮助。

渲染阻止是为了防止Fouc。

理想情况下，您应该只加载负责将页面的“上方”呈现为呈现块的CSS，并使用异步方法将其余样式全部加载。

然而，大多数站点将其所有CSS加载为呈现阻塞。为什么？因为大多数网站都没有CSS专家为他们的特定情况定制CSS加载。他们有时会为一个主题付费，但仅此而已。
从这个角度来看，主题通常不会被优化，因为无法知道用户在上面区域想要什么元素。

这是个大问题吗？

没有。

其次，一般认为谷歌降低页面的SEO分数是因为有渲染阻止CSS，从技术上来说是错误的。它们确实因为很多其他原因（比如可访问性、可读性和响应性问题）而受到惩罚，但不是因为有呈现阻塞CSS。

• 如果修复了它所识别的问题，页面将会更快地加载，或者至少看起来会更快地加载
• 如果您的页面速度更快或感觉更快，那么用户在等待页面加载时按后退按钮的机会就更少了。
  这种用户行为是SEO惩罚的原因。谷歌将任何此类行为注册为“用户没有在该网站上找到他要找的东西”，并降低用户搜索的页面SEO评分

任何阻止用户在离开你的网站后30秒内点击后退按钮的方法（这将保持反弹率下降）都是对抗SEO惩罚的好方法。
和...没错：最有效的方法之一就是让页面加载更快。

其他包括：

• 使加载过程看起来专业（为图像放置正确大小的占位符，这样页面在加载时就不会跳转）；
• 使FOUC尽可能接近0
• 呈现一些东西，而不是什么都没有
• 如果可能，让用户大致了解页面加载了多少（以%为单位）
• 用一些较长页面上的基本模式来加载网站。用户将阅读模式，试图找出他们是否在正确的页面上，但他们不会注意到加载时间--因为您在等待
时给了他们一些事情要做
• 删去“bla bla”，尽量诚实地说明您的页面必须提供的内容

我怎么强调这一点都不为过：诚实确实有回报。结果有很大的不同，SEO明智：
如果你的页面是关于a的，但你想向寻找B的用户展示这一点，不要告诉他们你有B，也不要对他们隐瞒这一点。只要告诉他们:
“看，这不是B，这是A，但这里有几个你应该考虑A而不是B的原因。”

大多数用户会读到这些原因。尤其是如果它们写得很好，它们解决了真正的问题，他们看起来不像是在争取时间。
一个非常好的主意是把你最有力的论点放在列表的第二或第三位（如果第一个论点很长，第二个，第三，如果前两个不太长）。
推理是：如果你把它放在更低的位置，许多用户不会读过三个弱论点--他们会把整个列表标记为不令人信服，然后返回。
还有，如果你把论点按重要性排序，用户会意识到这一点，一旦他们找到两个不令人信服的论点，他们会认为列表更低的位置会变得更糟，他们会再次点击back按钮。但是，如果你把第二个或第三个论点比前一个更强，他们会通读整个列表，希望找到另一个。

现在，如果您的论点令人信服，用户将选择A而不是B=>win.
如果不是，他们仍然会选择B，但至少他们稍后会这样做（在他们阅读您的理由之后），而且惩罚会小得多，如果有的话（用户在您的页面上花费的时间越长，惩罚就越少，如果他们按后退）=>没有损失。

如果你能让用户占据超过30秒，你通常是在清晰的SEO明智。这才是当前最重要的SEO问题，而不是呈现阻塞本身。

最后，它完全有可能创建一个页面速度得分很低，同时有一个非常高的SEO得分。不太可能，但完全有可能。