累积布局偏移的好与坏基准

mdasaduzzaman17

CLS 对 GTMetrix 中的整体性能得分有直接影响，这种影响总共为5% ，但最重要的是，CLS并不直接影响您网站的速度，而是影响用户体验。 CLS因子的好坏等级如下： 0.1以下：良好 0.1 到 0.15 之间：可以接受，但需要优化 0.15 至 0.25 之间：比标准稍长 大于 0.25：比标准长很多 如果网站的 CLS 较低，则意味着它具有稳定的屏幕，不会移动元素，并确保所有网站内容的加载稳定且可预测。当然，如果你改进了 CLS，你的网站性能将会提高 5%。 警告：我们人类在测试中通常会犯很多错误。这种错误的一个例子是我们将自己良好、灵活的头脑信任于工具和数字（我在文章中提到了工具的一些错误作为GTMetrix 的原因）报告不同），或者这个错误的另一个例子是，我们认为这个网站速度因素CLS只针对网站的主页，换句话说，朋友只用它来检查和分析主页，而其他页面页面也非常重要。


如何减少累积布局偏移？ 请记住，改进 CLS 并不是那么简单，最好让专业团队为您做这件事，而不是在您的网站上进行更多破坏和自动 SEO，因为解决这些问题不仅仅依赖于一个专业知识和多个专家应该在一起。 但是，我们在这里包含了一系列可以影响累积布 伊朗电报数据 局偏移的项目，并且可能有一些项目不在下面的列表中，但可能有效。 1-指定图像尺寸错误 我们已经讨论过Mizfa 中指定图像尺寸的重要错误，指定照片和视频的尺寸可以帮助用户的浏览器很好地识别每个元素的位置和大小。 请务必观看下面的视频以更好地理解。 播放视频 2-页面内的广告 现在网站内的广告非常非常多，特别是自从点击广告代理商出现以来。放置这些网站的脚本代码来展示广告会增加CLS时间。 或一系列网站、视频、地图等的嵌入和 iframe，这可能会给网站的用户带来不良的转变。




例如，您可以在页面末尾加载这些项目，或者提前为该部分指定宽度和高度。当然，这个解决方案在大多数情况下对每个人都有用。 3-意外的动态内容 我已经搜索了我的旧手机并进入了 Digikala。为什么？ 因为与该旧手机相关的产品部分（例如最新版本）已添加到产品顶部。当然，这个问题现在已经解决了，但要避免网站内部出现任何内容，例如相关产品或相关文章或新闻通讯等意外到达，从而导致页面移位。 4-不先加载字体也不错 根据我们在Mizfa网站提速服务中的经验，我们发现很多网站不符合上述规定。让我解释一下。 现在Mizfa字体是“IranSense”，这样您才能看到带有此字体的Mizfa文本，您的浏览器必须加载这些字体，然后对其进行处理，以便所有文本都基于IranSense字体加载。