所以我有 2 个 Gatsbyjs 网站
那个已经到了40左右。
我最近建造的第二个得分“？”
然后当我更新第一个以提高其性能时，它得到了一个“？” 同样。
这2个站点是：
Pixelfriendly.co.za
Bee-projects.co.za
问问题
258 次
1 回答
1
您网站上的某些内容导致 Page Speed Insights 引发错误。
如果您查看“实验室数据”部分，您将看到两个站点的“最大内容绘制”部分都显示“错误”。
这几乎肯定与您的动画有关。
您会看到最大的内容绘制正在寻找在屏幕上绘制的最大项目。现在它只监控这个，直到 CPU 安静下来并加载所有资产后几秒钟，此时测试结束。
问题是您的动画需要很长时间才能“完成”，以至于在测试结束之前它们没有完成。所以 PSI 不知道什么是最大内容绘制并抛出错误。
你能做些什么来解决它？
如果您想保留动画，什么都没有，您将无法使用 Lighthouse（在 Google Chrome 开发人员工具中）或 Page Speed Insights（因为它由 Lighthouse 提供支持）。
但是，我建议您大量减少“打开动画”在两个站点上花费的时间。人们对页面是否适合他们做出非常快速的决定，并且在看起来准备就绪之前等待长达 5 秒是太多了。无论如何都要保留动画，但如果不是三分之二的话，至少要减少一半的时间。
如果您这样做，它将通过降低跳出率使您的网站受益，但也会使您的网站再次可测试，作为额外的奖励。
于 2020-09-21T06:42:40.913 回答