什么是延迟？

延迟是请求在浏览器和服务器之间完成往返所需的时间。它通常以毫秒为单位。

可以通过两种方式测量延迟。第一个是往返时间 (RTT)，即请求从浏览器传输到服务器并返回所需的时间。第二个是第一个字节的时间 (TTFB)，即浏览器向服务器发送请求和接收其第一个字节数据之间的时间量。

延迟的主要原因？距离。发出请求的浏览器与响应该请求的服务器之间的距离越长，往返所需的时间就越多。

什么是好的延迟？

因为延迟是请求在浏览器和服务器之间完成往返所需的时间，所以它实际上不能为零。但理想情况下，它会尽可能接近于零。

虽然良好的延迟（如良好的跳出率）是相对的，但通常小于 100 毫秒的任何延迟都是可以接受的。最佳范围甚至更低，在 20 到 40 毫秒之间。

如何改善延迟

1. 使用 CDN。

由于延迟与浏览器和服务器之间的距离有关，您可以通过将两者靠得更近来减少延迟。虽然您无法从字面上移除您的服务器位置并使其更接近每个用户，但您可以使用内容交付网络 (CDN)。

CDN 是一个分布式服务器系统，旨在尽可能快地向访问者提供 Web 内容，无论他们身在何处。使用 CDN，您不必依靠一台服务器向全世界发送内容。相反，CDN 将利用网络中离每个唯一访问者最近的不同服务器来交付请求的资产。

一旦离用户最近的服务器传送并显示所请求的内容，该服务器就会制作这些网络资产的副本。当世界同一地区的另一个访问者试图访问该内容时，CDN 可以将请求从源服务器重定向到离他们最近的服务器，并且该服务器可以更快地传送缓存的内容。

2. 缩小 CSS 和 Javascript 文件大小。

大多数网页将包含 HTML、CSS 和 Javascript 的组合。问题是每次访问者加载页面时，都需要将 CSS 和 JavaScript 文件从服务器发送到浏览器。这意味着更多的 HTTP 请求，这会大大增加延迟。虽然您无法从网页中删除 CSS 和 Javascript，但您可以减小这些文件的大小。文件越小，文件从服务器传输到浏览器的速度就越快。

好消息是您可以使用像 Google 的 Closure Compiler Service 这样的压缩器来自动化这个过程。只需将您的代码添加到编译器中，单击“编译”按钮，然后下载缩小的文件。

3. 压缩您的图像。

优化图像是减少网站 HTTP 请求的另一种方法。理想情况下，您应该将每个图像的文件大小减少到 100 KB 以下。如果它影响图像质量，您不必减少那么多，但尽量将其保持在 100 KB 左右。

4. 减少渲染阻塞资源的数量。

加载页面时，浏览器会先下载并解析每个资源（包括图像、CSS 等），然后再将它们呈现给前端用户。浏览器认为某些资源（如字体和 JavaScript 文件）很重要，因此它会停止下载和解析页面的其他部分，直到它们被处理为止。

这些资源被称为“渲染阻塞资源”，会显着降低您的网站速度。减少站点上渲染阻塞资源的数量在技术上不会减少延迟，但会改善站点加载时间的感知。

最大限度地减少延迟

延迟可以在您的网站性能中发挥重要作用。通过将其最小化，您可以确保尽快满足用户的请求，这是 在您的网站上提供无缝用户体验的关键。