浏览器必须在加载其他资源之前接收初始 HTML 文档响应的第一个字节。这个时间称为首次字节时间 (TTFB),它发生得越快,其他进程就可以越早启动。为了最小化 TTFB,请从靠近用户的位置提供内容,并对经常请求的内容使用缓存。据谷歌称,实现这两者的最佳方式是使用内容分发网络 (CDN)。
累积布局偏移 (CLS) 优化
累积布局偏移 (CLS)是用于评估网站视觉布局稳定性的指标。据谷歌称,大约 25% 的网站不符合该指标的推荐标准。这些是 Google 对改进 CLS 的主要建议。
为页面内容设置明确的大小
当网页内容加载完成后改变其位置时,可能会发生布局偏移。为了避免这种情况,提前预留尽可能多的空间非常重要。布局偏移的一个常见原因是图像尺寸过小,可以通过明确设置宽度和高度属性或等效的 CSS 属性来解决。
图像并不是导致网站布局发生变化的唯一因素。其他内容(例如第三方广告或稍后加载的嵌入式视频)也可能会促进 CLS。解决此问题的一种方法是使用CSS 中的纵横比属性。此功能相对较新,允许开发人员设置图像和非图像元素的纵横比。
提供此信息可让浏览器在宽度基于屏幕尺寸时自动计算适当的高度,类似于图像
避免动画/过渡
布局偏移的一个常见原因是网站上的元素的动画,例如从顶部或底部滚动的横幅、cookie 栏或其他通知横幅。
这些动画可能会挤占其他内容,从而影响 CLS 系统。即使这种情况不发生,他们的动画也会影响 CLS 系统。据 Google 称,任何可能影响布局的 CSS 属性动画页面具有“良好” CLS 的可能性降低 15%。
为了缓解这个问题,最好避免对任何 telegram日本資源 需要浏览器更新布局的 CSS 属性进行动画或转换,除非它是为了响应用户输入,例如点击或按键。
对于过渡和动画,建议尽可能使用CSS 变换属性。
首次输入延迟 (FID) 优化
首次输入延迟 (FID)是衡量网站响应用户交互的速度的指标。
尽管大多数网站在此方面表现良好,但据谷歌称,仍有改进空间。
Google 的新指标“下一次绘制交互时间 (INP)”是 FID 的潜在替代品,以下建议同时适用于 FID 和 INP。
避免长时间的任务或将其分解
任务是浏览器执行的所有单独的作业,包括渲染、布局、解析以及编译或运行脚本。
如果任务花费的时间很长(超过 50 毫秒),它们就会阻塞主线程,使浏览器难以快速响应用户输入。
为了避免这种情况,可以将长任务分解为多个小任务,给主线程更多机会来处理用户可见的关键工作。
这可以通过频繁让位于主线程来实现,以便渲染更新和其他用户交互可以更快地发生。
避免不必要的 JavaScript
包含大量 JavaScript的网页可能会导致任务争夺主线程的注意力,从而对网站的响应能力产生负面影响。
您可以使用Chrome DevTools中的覆盖率工具从您网站的源中识别并删除不必要的代码。
通过减少加载过程中所需资源的大小,网站将花 使您的沟通或内容能够立即适 费更少的时间解析和编译代码,从而带来更流畅的用户体验。
避免大规模渲染更新
JavaScript 并不是唯一能够影响网站响应能力的东西。此外,渲染的成本可能很高,并且会影响网站响应用户输入的能力。
优化渲染工作可能很复杂,并且取决于具 ig 号码 体的目标。但是,有一些方法可以确保渲染更新是可管理的并且不会变成冗长的任务。
结论
核心网络生命力是提供积极的用户体验和在 Google 搜索结果中排名的重要指标。
虽然 Google 的所有建议都值得实施,但这个缩短的列表是切合实际的,适用于大多数网站,并且可以产生有意义的影响。