谷歌PageSpeed Insights速率得分指标CLS解说
2024/07/22
跨境百科
Cumulative Layout Shift(CLS，， ，，，累积结构偏移 )，， ，，，谷歌现在对这个指标较量看重，， ，，，由于它直接和客户的页面体验度相关联，， ，，，而页面体验度在2021年8月升级到了主焦点算法内里一个主要考评的维度。。。。。
那么什么是累积结构偏移？？？？？？？当在翻开某个网页举行浏览的时间，， ，，，原本泛起在顶部的一行文字突然被倾轧到下面去了，， ，，，在原来顶部显示文字的地方可能被其他内容所占有。。。。。这种页面内容的意外移动通常是由于异步加载资源或者DOM元素动态添加到现有内容页面的上方而爆发的。。。。。而造成这种情形的“罪魁罪魁”往往是尺寸未知的图像或者是视频，， ，，，泛起比厥后备更大或者更小的字体，， ，，，或者是动态调解自身巨细的第三方广告或者小部件。。。。。
CLS会丈量在页面的生命周期中版式爆发意外位移的所有结构位移分数的总和。。。。。关于CLS，， ，，，可用相关的手段去改善这个速率测评项目的分值，， ，，，以下是一些用来阻止结构意外移动的指导优化原则。。。。。
(1)务必在图片和视频元素上添加size属性，， ，，，不然使用CSS宽高比来保存所需的空间。。。。。这种要领能够确保在加载图像的时间，， ，，，浏览器可以在文档中分派准确的空间量。。。。。
(2)除非是响应用户交互，， ，，，不然不要在现有内容上方插入内容，， ，，，这样可以预期任何版式的移动位置。。。。。
热门搜索
热门文章