我们知道页面速度对网页的重要性用户体验.以至于在2010年谷歌宣布页面速度是搜索排名的一个因素.虽然他们没有给出确切的数字,但他们说他们的目标是不到半秒。

虽然实现这一目标似乎很困难,但有几个目标优化网站速度的方法.一个主要的方法是提高你的延迟。在这篇文章中,我们将讨论什么是延迟以及什么是“好的”延迟时间。然后我们将通过几种方法来提高你的能力。让我们开始吧。

现在下载:免费HTML和CSS入门指南

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

延迟的主要原因是什么?距离。发出请求的浏览器和响应该请求的服务器之间的距离越长,往返所需的时间就越长。这就是为什么美国的网站访问者会从爱荷华州康瑟尔布拉夫斯的一个数据中心得到回复SiteGround的数据中心位置),比欧洲的网站访问者更快。

什么是好的延迟?

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

而一个好的延迟,就像良好的跳出率,任何小于100毫秒的都是可以接受的。最佳范围更低,在20到40毫秒之间。

你不能完全消除延迟,但你可以将其最小化。让我们看看下面可以采取的一些步骤来最小化延迟。

虽然用户可以采取一些步骤来减少延迟,但下面我们只关注服务器端解决方案。

1.使用CDN。

由于延迟与浏览器和服务器之间的距离有关,您可以通过将两者拉近来减少延迟。虽然您不能直接将服务器位置连根拔起并使其更接近每一个用户,但您可以使用内容分发网络(CDN)

CDN是一种分布式服务器系统,旨在尽可能快地将网页内容传递给访问者,无论他们身在何处。有了CDN,您不必依赖一个服务器向全世界发送内容。相反,CDN将访问网络中最接近每个唯一访问者的不同服务器,以交付所请求的资产。

一旦离用户最近的服务器交付并显示所请求的内容,该服务器就会复制这些web资产。当世界上同一地区的另一个访问者试图访问该内容时,CDN可以将请求从原始服务器重定向到离他们最近的服务器,而该服务器可以更快地传递缓存的内容,因为它的旅行距离更短。这里有一个例子:

CDN接入网络,从最近的服务器传送内容,并缓存内容以改善延迟

图片来源

使用CDN有两种方式。你可以从CDN供应商那里购买,比如Cloudflare。或者你可以选择一个内置CDN的网站建设平台,比如CMS中心

2.最小化CSS和Javascript文件大小。

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

好消息是,你可以使raybetapp用类似于谷歌的Closure Compiler Service这样的缩小器来自动化这个过程。只需将您的代码添加到编译器中,单击“Compile”按钮,并下载缩小的文件。

使用Closure Compiler Service最小化CSS和JavaScript文件以提高延迟

图片来源

3.压缩你的照片。

优化你的图像是另一种方法减少网站的HTTP请求.理想情况下,应该将每个图像的文件大小减少到100 KB以下。如果它影响了图像的质量,你不需要减少太多,但尽量保持接近100kb。

您可以上传,调整大小,压缩您的图像一次使用工具,如拥挤的人群或者用一种工具TinyPNG

使用Squoosh压缩和调整图像大小,以改善延迟

4.减少呈现阻塞资源的数量。reybet雷竞技下载

当加载一个页面时,浏览器下载并解析每个资源(包括图像、CSS等),然后将它们呈现给前端用户。某些资源,如字体reybet雷竞技下载和JavaScript文件,被浏览器认为是关键的,所以它停止下载和解析页面的其他部分,直到它们被处理。

这些资源被称reybet雷竞技下载为“呈现阻塞资源”,可以显著降低站点的运行速度。减少站点上的渲染阻塞资源数量不会从技术上减少延迟,但它将改善站点加载时间的感知reybet雷竞技下载。

减少延迟

潜伏期在你的网站性能.通过最小化它,你可以确保用户的请求——无论是在你的电子商务网站结账还是点击内部链接——都能尽快得到满足。这是提供无缝的用户体验在你的网站上。

新的文字-动作

css的介绍

最初发布于2020年12月15日上午7:00:00,更新于2021年1月12日

主题:

网站性能