问题描述
为了针对 google 的 WEB Vitals 优化网站，导致 CLS 不佳的最常见原因之一是： 无尺寸的图片、广告、嵌入和 iframe
Web 组件呢？我们如何创建一个不触发 cls 的 Web 组件？带占位符？具有固定尺寸？
有什么建议吗？
解决方法
您可以尝试在 Chrome Canary 中测试您的网站吗？最近修复了几个 CLS 错误，这些错误将布局转换错误地归因于 Web 组件在渲染的第一帧中。
我总是建议在 Chrome Canary 中测量 Web Vitals，以获得最准确的结果。
另外，仅供参考，如果您想跟踪每个指标的更改和错误修复，您可以在此处进行：https://chromium.googlesource.com/chromium/src/+/master/docs/speed/metrics_changelog/README.md