得到一个?页面洞察中的性能得分

Geting a ? Performance score in page insights

所以我有 2 个 Gatsbyjs 站点

那个快40了。

我最近建造的第二个得分为“?”

然后当我更新第一个以提高其性能时,它得到了一个“?”还有。

这 2 个站点是:

Pixelfriendly.co.za

蜜蜂-projects.co.za

您网站上的某些内容导致 Page Speed Insights 抛出错误。

如果您查看“实验室数据”部分,您会看到“Largest Contentful Paint”部分对两个站点都显示“错误”。

这几乎可以肯定与您的动画有关。

您看到 Largest Contentful Paint 正在寻找在屏幕上绘制的最大项目。现在它只监视此直到 CPU 变得安静并加载所有资产后的几秒钟,此时测试结束。

问题是您的动画需要很长时间才能“完成”,以至于它们无法在测试结束前完成。所以 PSI 不知道什么是 Largest Contentful Paint 并抛出错误。

你能做些什么来解决它?

如果您想保留动画,什么也没有,您将无法使用 Lighthouse(在 Google Chrome 开发人员工具中)或 Page Speed Insights(因为它由 Lighthouse 提供支持) ).

不过,我建议您大幅减少“打开动画”在两个站点上花费的时间。人们可以非常快速地判断一个页面是否适合他们,并且等待 5 秒才看起来准备好太多了。一定要保留动画,但至少减少一半的时间,如果不是三分之二的话。

如果您这样做,它将降低跳出率,从而使您的网站受益,但作为额外的奖励,也会使您的网站再次可测试。