网页核心指标 (CWV) 的营销取得了巨大成功。 我想,当世界上主要的搜索引擎告诉人们某些事情将成为 SEO 因素时,就会发生这种情况。 你知道什么语言可以在这些 CWV 分数中发挥巨大作用吗? 我等你五分钟想想。 开玩笑的,是 CSS。
Katie Hempenius 和 Una Kravets
你的样式编写方式和布局构建方式会对 网页核心指标 产生重大影响。 对于 累积布局偏移 (CLS) 和 最大内容绘制 (LCP) 来说,这一点尤其重要。
例如…
- 绝对定位会将元素移出文档流,防止布局偏移(但请不要因此认为我们应该将所有元素都设置为绝对定位)。
- 不要加载不需要的图像(例如,使用 CSS 渐变 代替),这为 这个 带来了一定的可信度。
- 完美的字体回退 绝对有助于减少布局偏移。
文章中还有很多其他实用的想法,这些想法都很棒(因为良好的性能有很多好处),即使 SEO 角度对你来说并不吸引人。
嗯,谢谢 Chris,我会看看这个并尽快更新我网站上的内容,以使其符合要求。
谢谢 Chris,总是很有帮助。 但有时我会想,为什么我们要重新命名我们重新发明的每一个轮子? 其他人是否也有过这样的感受? CSS SEO 定位、适当的文本,所有这些都像是当年的标准运动意识形态的一部分,只是换了个名字而已,哈哈,你说得对。
没错! CSS 绝对可以产生重大影响。
我们优化过很多第三方网站,其中优化字体栈是解决 CLS 需要解决的主要问题。
此外,使用 max/min-height/width 对于保持响应式布局非常有用,但同时也能为浏览器提供足够的信息,让他们为元素预留空间,以避免布局偏移。