Gatsby 得到一份工作?页面洞察中的性能分数

Gatsby 得到一份工作?页面洞察中的性能分数,gatsby,google-pagespeed,pagespeed-insights,gtmetrix,google-pagespeed-insights-api,Gatsby,Google Pagespeed,Pagespeed Insights,Gtmetrix,Google Pagespeed Insights Api,所以我有两个盖茨比的网站 那个人大约40岁 我最近制作的第二个游戏得了“?” 然后,当我更新第一个以改进其性能时,它也得到了一个“?” 这两个地点是: Pixelfriendly.co.za Bee-projects.co.za 您网站上的某些内容导致PageSpeed Insights抛出错误 如果您查看“实验室数据”部分,您将看到两个站点都有一个部分写着“最大的有内容的油漆”写着“错误” 这几乎肯定与你的动画有关 您可以看到,最大的内容绘画正在寻找屏幕上绘制的最大项目。现在,它只在CPU停止

所以我有两个盖茨比的网站

那个人大约40岁

我最近制作的第二个游戏得了“?”

然后,当我更新第一个以改进其性能时,它也得到了一个“?”

这两个地点是:

Pixelfriendly.co.za

Bee-projects.co.za


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

如果您查看“实验室数据”部分,您将看到两个站点都有一个部分写着“最大的有内容的油漆”写着“错误”

这几乎肯定与你的动画有关

您可以看到,最大的内容绘画正在寻找屏幕上绘制的最大项目。现在,它只在CPU停止工作并加载所有资产后的几秒钟内监视此情况,此时测试结束

问题在于,动画“完成”所需的时间太长,以至于在测试结束之前无法完成。所以PSI不知道什么是最大的有内容的绘画,并抛出了一个错误

你能做些什么来修复它? 如果你想保留动画,什么都不做,你就不能使用Lighthouse(在Google Chrome开发者工具中)或Page Speed Insights(因为它是由Lighthouse提供动力的)

然而,我建议你大幅度减少你的“开场动画”在这两个网站上所花的时间。人们很快就决定一个页面是否适合自己,而在页面看起来准备好之前等待5秒钟是太多了。无论如何都要保留动画,但如果不是三分之二的话,至少要将它们的时间减少一半


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

您是否阅读了所有报告,用红色修复了所有问题,并再次尝试Whoa-pixelfriendly!爱的强度,动画非凡!不知道你哪里出了问题,但这是你正在进行的SVG节。@Ferran-没问题,巴德,我将在这里留下这条评论一天,以防你看到它,因为它对其他任何人都没有意义(而且你不能回复已删除的帖子)。非常感谢你的回复,我一定会解决这个问题。当我有时间的时候。但这是一个伟大的见解,谢谢