Performance 如何减少在线网站上的CLS（累积布局变化）？

我们都知道，谷歌下个月将推出新的核心网站关键更新，我担心我的网站的CLS为0.33红色，这对搜索引擎排名不利。请帮助我尽快解决此问题。

累积版面移位（CLS）是指页面上有多少内容在加载过程中移动

布局轮班分数=影响分数*距离分数

您将在PageSpeed Insights中看到此类错误

减少CLS的解决方案：

只需在图像标记中包含宽度和高度属性

您还可以在CSS上指定高宽尺寸

img{宽度：100%高度：自动；}

注意：如果使用

srcset

属性定义图像，则允许浏览器选择每个图像的大小

您还可以使用CSS属性

对象匹配：

contain来获得一个可行的解决方案，而不需要改变布局