用于网页核心指标的 CSS

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适用于旅程各个阶段的云产品。 立即开始使用 价值 200 美元的免费积分!

网页核心指标 (CWV) 的营销取得了巨大成功。 我想,当世界上主要的搜索引擎告诉人们某些事情将成为 SEO 因素时,就会发生这种情况。 你知道什么语言可以在这些 CWV 分数中发挥巨大作用吗? 我等你五分钟想想。 开玩笑的,是 CSS。

Katie Hempenius 和 Una Kravets

你的样式编写方式和布局构建方式会对 网页核心指标 产生重大影响。 对于 累积布局偏移 (CLS)最大内容绘制 (LCP) 来说,这一点尤其重要。

例如…

  • 绝对定位会将元素移出文档流,防止布局偏移(但请不要因此认为我们应该将所有元素都设置为绝对定位)。
  • 不要加载不需要的图像(例如,使用 CSS 渐变 代替),这为 这个 带来了一定的可信度。
  • 完美的字体回退 绝对有助于减少布局偏移。

文章中还有很多其他实用的想法,这些想法都很棒(因为良好的性能有很多好处),即使 SEO 角度对你来说并不吸引人。

直接链接 →