布局转变并不总是坏事！

mdasaduzzaman17

我们提到的这些都与Unexpected Layout Shift有关，换句话说，是我们没有预料到的变化，但有时我们用户期望一系列的变化。例如： 您点击其中一个常见问题，您期望页面移动到底部，即发生布局移动操作。我们可以说这些是预期的布局转变。 CLS总结 我们说 CLS 来自 Cumulative Layout Shift，该标准位于 Google Lighthouse、Google Search Console 的 Core Web Vitals 报告以及 GTMetrix 中。 什么是CLS？我们说它是检查页面加载过程中元素稳定性的标准，完全专注于打造用户体验。页面的内容和元素不应意外移动并导致用户困惑。 页面元素位移之和决定了 Cumulative Layout Shift 的大小，它越低，我们的页面就越稳定， 用户体验也越好。


内容移动有时是由于页面上的广告突然出现在页面顶部，导致页面其他内容下移。 重要提示：在“结构错误”部分中，我们有一个标题为“避免大型布局偏移”的错误，该错误与本文完全相关，因此通过阅读本文，GT 矩阵中的“结 伊朗电报数据 构错误”报告和“性能”报告都会很有用。 最后，建议从SEO 专家或任何您信任且有知识的人那里获得更好的结果。您也可以在 Mizfa 网站的评论中提问。 请务必遵循有关如何修复 Mizfa gtmetrix 错误的说明。或者，如果您对技术 SEO感兴趣，请关注技术 SEO 主题。 文章作者：Poria Ariafar / SEO专家  有时通过改变主机，一些我们认为没有解决的问题得到解决，有时通过改变格式，一些我们认为没有解决的问题得到解决，有时通过改变插件或禁用一些东西，甚至改进一些其他的东西GTMetrix 错误，可以看到 CLS 有所改善。




如果您想了解有关 CLS 的更多信息，您还可以阅读web.dev网站上的英文文章。  避免大的布局变化：我们大多数人都有过查看页面的经历，当页面加载时，页面的元素突然发生变化。例如，突然加载页面顶部的照片会导致底部的文本和照片移动。布局移动的意思是移动页面的布局。为了避免不良的用户体验，我们不应该让我们的网站页面发生布局变化。 避免大的布局偏移错误检查了相同的问题，并且对性能 GT 矩阵报告中的 CLS 分数有直接影响。 CLS 是加载页面时视觉稳定性的衡量标准。在什么是 CLS一文中，我们通过几个示例解释了累积布局偏移准则，并解释了 CLS 优化方法。因此，要解决避免大的布局偏移问题，您应该阅读这篇文章。