首页 » 博客 » 使用内容分发网络(CDN)来减少首次访问时间(TTFB)

使用内容分发网络(CDN)来减少首次访问时间(TTFB)

浏览器必须在加载其他资源之前接收初始 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 的所有建议都值得实施,但这个缩短的列表是切合实际的,适用于大多数网站,并且可以产生有意义的影响。

滚动至顶部