如何解决核心 Web Vitals 和 Web 组件 - CLS
为了针对 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
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
