我在移动设备上的 CLS 很高,因为图像不会停止加载

问题描述 投票:0回答:1

这是页面我面临问题,这里是Google移动页面速度报告的链接。我尝试过停止延迟加载,也尝试过预加载图像,但加载图像总是有延迟。有什么办法可以解决吗?

css optimization responsive pagespeed
1个回答
0
投票

问题不在于图像下载较晚(设置图像尺寸 - 您已完成 - 阻止 CLS)。

问题是你的 JavaScript 正在做一些奇怪的事情来加载图像轮播,它会折叠轮播然后重新插入它。您可以在 PSI 屏幕截图中看到,旋转木马最初并未绘制,实际上还不止于此 - “缺货徽章”徽章被部分覆盖。然后插入转盘,一切都向下移动。

看起来您已经解决了这个问题,但最近的重播并未显示该问题?

© www.soinside.com 2019 - 2024. All rights reserved.