【发布时间】：2023-02-17 14:36:09
【问题描述】：
我在 this site 上有一个 CLS 班次，但我不知道是什么原因造成的？
通常，累积布局偏移是由于未为图像分配宽度/高度或延迟加载它们引起的，但本网站并非如此。此外，我所有重要的 CSS 都是内联的，所以我们没有渲染阻塞的问题。我真的很茫然。性能洞察和 Lighthouse 没有给我任何线索。
我尝试从 body/html 中去除 101vh，并且尝试从英雄图像包装器中去除 80/90vh（图像是绝对的，所以这不是问题）。
有人对我有任何线索吗？
【问题讨论】：
-
你必须多解释一下正在发生的事情以及你想避免的事情。由于 PageSpeed Insights 给你一个很好的分数，所以你的意思不清楚。当您查看 Insights for desktop 时，您会看到 3 个标题元素具有（小的）CLS 影响
-
我想弄清楚为什么会发生 CLS，是什么导致了这种转变？我以前从未有过无法修复的 CLS。 -谢谢！
-
您正在经历什么布局转变？我看到页眉高度略有变化。 pagespeed insights 报告中提到了这一点。所以看看这些元素，看看它们为什么会发生变化。如果您遇到其他事情，请尝试描述正在发生的事情。
标签： lighthouse pagespeed-insights cumulative-layout-shift