Google Search Console和Page Speed Insights搜寻器无法始终加载页面

Question

我们一直在努力与Page Speed Insights和Google Search Console一致地加载我们的网页。这是一个不带SSR（服务器端渲染）的Angular SPA。

当我对我们的网站进行速度检查时，有时它的预期得分为60-70（移动），并且它在图像中正确显示了我们的网站。但其他时候，它返回完美的100（再次移动），但仅显示原始HTML中包含的页面内容，根本不执行任何JS。我在下面附上了两张图片。

问题似乎在于有时它不等待JS渲染页面并假定页面已完全加载。

因此，我在这里有几个问题： -这些搜寻器如何确定何时完全加载网页？ -如何确保Google Crawler始终能看到我们希望看到的内容？

我知道SSR可能是唯一可以保证它的解决方案，但是要不断从google的人那里获得关于SPA支持的提示，但是随后不断寻找新的证据证明该支持存在很多缺陷，这是非常令人沮丧的。

Answer 1

因此，您遇到的问题归因于您的聊天小部件。 （我相信，不可能确定）

页面加载，然后经过一段时间（大约5秒钟），似乎加载了聊天小部件JS等（这可能是出于性能目的）。

但是Lighthouse（PSI背后的引擎）要做的是等待CPU空闲和网络空闲来计算分数。

不确定网络空闲的时间，但是CPU空闲正在寻找5秒钟的“安静时间”，作为计算First CPU Idle，Max first input delay和time to interactive发生的时间的一部分（主要是First CPU idle。

我猜想，这取决于网络延迟等情况，有时整整5秒钟会给您带来高分，而有时候，小部件会在5秒钟内开始加载，因此需要考虑到这一点。

获得评分最准确的方法是使用Chrome审核并更改为“应用慢4G，CPU慢4倍”，因为simulated可以放大这种行为。