为什么 LCP 在 pagespeed 洞察力中给出 WRC 协议错误？答案

【问题标题】：Why LCP gives WRC protocol error in pagespeed insights?为什么 LCP 在 pagespeed 洞察力中给出 WRC 协议错误？
【发布时间】：2022-04-02 20:00:47
【问题描述】：

在 pagespeed 洞察中，lcp 出现错误，例如 WRS 协议错误：“DOM.resolveNode: No node with given id found”

【问题讨论】：

我不知道答案，但我在使用 NuxtJs 时也遇到了同样的问题。在我看来，这可能是一个水合作用问题。在 NuxtJs 的“通用”模式下，当第一次请求页面时，它会在服务器上预渲染并传递给浏览器，但在加载 javascript 之前还不能交互。当 js 最终加载时，每个组件都以透明的方式被其“反应性”组件替换。该过程称为“水合作用”。如果您找到原因，请在此处发布答案。
另外，有趣的是，我发现有几个页面询问了这个确切的错误，但在 Google Search Console 支持上再也找不到了……很奇怪。 support.google.com/webmasters/…

【解决方案1】：

googleChrome-lighthouse 的这个错误。他们可能已经在下一个版本中修复了这个错误。

【讨论】：

【解决方案2】：

内部 PageSpeed 缓存似乎存在问题。

您可以通过在测试网址中添加一些盐来解决它，例如http://yoursite.com/?salt=1

【讨论】：