我是否需要删除“渲染阻止CSS”

Question

我将自己的首页通过了Google的PageSpeed测试，结果获得了移动版69分和桌面版95分的评分。唯一的问题是渲染阻止CSS。

现在，我网站上的所有网页均处于折叠状态。即在任何地方都没有滚动。鉴于此，我个人觉得我不应该做任何特别的事情，因为从一开始就需要CSS按照我设计页面的方式查看我的页面。

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

我是否忽略Google？那意味着我永远不会得分100/100，这不会影响我的SEO机会吗？

Answer 1

TL; DR -不，您不必这样做。但在大多数情况下，它间接地有所帮助。

---

已设置渲染阻止功能以防止FOUC。

理想情况下，您只应使用异步方法加载负责渲染页面"above the fold"的CSS作为渲染阻止，以及所有其他样式。

但是，大多数站点都将所有CSS加载为渲染阻止。为什么？因为大多数网站都没有CSS专家来为特定情况自定义CSS加载。他们有时会为主题付费，就是这样。
从这个角度来看，通常不会对主题进行优化，因为无法知道用户在折叠区域上方想要什么元素。

这是一个大问题吗？

否。

首先，所有这些仅与用户加载网站的第一页有关。其他所有页面将使用缓存的样式表（已在访问的第一页上加载）（除非您为不同的页面加载不同的样式表）。

首先，从技术上讲，谷歌降低具有渲染阻止CSS的页面的SEO分数的普遍想法是错误的。它们的确因其他许多原因（例如可访问性，可读性和响应性问题）而受到惩罚，但没有具有阻止渲染的CSS的惩罚。

---

但是，两者之间存在间接关联。
Google Page Speed是一种工具，可告诉您如何提高页面的加载速度或使页面加载的印象更快。

• 如果您解决了所确定的问题，则页面加载速度会更快，或者至少看起来加载速度会更快
• 如果您的页面速度更快或感觉更快，则在等待您的页面加载时，用户点击后退按钮的可能性就会降低。
  这种用户行为是SEO惩罚的体现。Google将任何此类行为记录为一般的“用户未在该网站上找到他想要的东西” ，并降低了该用户的页面SEO得分搜索

任何阻止用户在离开您的网站后的前30秒内点击后退按钮的方法（都会降低跳出率）是对抗SEO罚款的好方法。
而且……是真的：最有效的方法之一是使页面加载速度更快。

其他包括：

• 使加载过程看起来更专业（正确放置图像的占位符，因此加载时页面不会跳来跳去）；
• 将FOUC保持尽可能接近0
• 渲染东西，而不是渲染任何东西
• 如果可能，让用户大致了解页面已加载了多少（以％为单位）
• 使用长页面上的一些基本架构进行网站加载。用户将阅读该架构，试图找出它们是否在正确的页面上，并且他们不会注意到加载时间-因为您可以在等待时给他们一些事情
• 切掉“ bla bla”并尝试诚实对待您的网页所提供的一切

---

我不能太强调这一点：说实话，这确实有回报。搜索引擎优化明智的结果有很大的不同：
如果您的页面是关于A的，但您想向寻找B的用户展示此信息，请不要告诉他们您拥有B，也不要对他们隐藏它。告诉他们
“看，这不是B，而是A，但是出于以下几个原因，您应该考虑使用A而不是B。”

大多数用户都会阅读这些原因。尤其是如果他们写得很好，它们会解决实际的问题，而且看起来好像不是在试图争取时间。
一个很好的主意是将最强的论据放在列表的第二或第三（如果第一个较长，则为第二；如果前两个不是那么长，则为第三）。
原因是：如果将其放得更远，许多用户不会阅读过去的三个弱参数-他们将整个列表标记为令人信服，然后返回。
另外，如果将参数按重要性的顺序排列，则用户会意识到这一点，一旦遇到两个不令人信服的参数，他们就会认为该参数在列表中会进一步恶化，并且，按下后退按钮。 但是，如果您将第二个或第三个参数比前一个参数强，则它们会通读整个列表，以期找到另一个参数。

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

如果您可以让用户停留30秒钟以上，那么通常来说，SEO无疑是明智之举。那就是手头真正重要的SEO问题，而不是本质上的渲染阻止。

---

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