我想看看有没有人在网站的速度优化方面有建议

Question

我目前的网站有可怕的优化。手机得分为10，台式机得分为60，有没有人知道我能做些什么使这些分数更好？会喜欢一些关于该做什么的建议。以下是谷歌洞察力的链接。谢谢你能帮忙。

factor=desktop

factor=mobile

移动得分 桌面评分

Answer 1

我个人关注的核心Web Vitals，它来自真实的用户体验，而不是PSI分数，这是基于一个单一的模拟测试。

我会审核你的主页：

LCP

这是显示你的旋转木马图像所需的时间。第一个改进是对该映像进行预加载，以便它能够更早地开始加载。然后从img标记中移除延迟加载。

重要的图片上面的折叠不应该是懒散加载，而是急切地加载。

你的一些较低的图片是懒惰加载，这是好的。但有些人不是。特别是，我在可扩展部分看到的图像不是懒散加载的.如果您让它们延迟加载，它们将不会妨碍加载更重要的资源，比如您的LCP映像。

您的JavaScript包正在运行一些长任务。这可能会阻碍渲染以及LCP的实现。考虑考虑减少或推迟它正在做的事情。特别是延迟动画的启动。

CLS

页面顶部的绿色选择器将延迟添加，并向下推下整个页面。仅此布局转换就意味着CLS失败。试着为它预先分配空间，这样就不会有任何变化。