两秒钟似乎并不长。然而,当涉及到你的网站时,在很短的时间内可以发生很多事情。

据谷歌例如,页面加载时间从1秒增加到3秒,弹跳率就会增加32%——这是由于一点延迟而导致的相当大的一部分读者转向其他地方。

显然,当谈到时,酒吧很高网站性能.为了与你的竞争对手保持竞争,你需要优先减少页面加载时间,以便在访客、客户需要时(即尽可能快地)显示他们想要的内容。

在这个端口中,我们将讨论web技术的一个基石,它保持了互联网的高速发展:压缩——具体来说,是一种叫做GZIP

您可能在“zpipping”之前压缩了文件。但是,大多数人不知道GZIP等压缩方法也是每天从服务器发送数十亿个网页的关键。

在这篇文章中,我将解释什么是GZIP压缩,它在网络上是如何工作的,以及如何使用它优化你的网站.但是首先,让我们缩小范围,更好地理解文件压缩这个概念。

立即下载:免费介绍HTML和CSS指南

压缩是什么?

从广义上说,压缩是减少文件大小的过程,并使用压缩算法来完成。压缩方法可以是有损的,即在压缩过程中丢失一些信息,也可以是无损的,即原始文件中的所有信息都保存在压缩文件中。

这就是为什么它与你的网站相关:在它的核心,一个网站是一组相关的文件存储在web服务器.在将URL输入浏览器时,您的浏览器将向托管所需内容的Web服务器发送请求(通常是HTTP GET请求)。服务器处理您的请求,从其数据库中检索正确的文件 - 包括HTML和任何关联的CSS,JavaScript和媒体文件 - 然后将文件发送到浏览器作为HTTP响应。最后,您的浏览器将文件呈现为您认为是网页的文件。

浏览器和web服务器之间的HTTP交互图

图片来源

加载一个猫视频似乎要做很多工作,但这是真的——每次你加载一个页面,web服务器必须传输所有必要的数据到你的计算机。每次数据传输都需要一定的时间,这很大程度上取决于传输文件的大小——要发送的数据越多,在浏览器中加载页面所需的时间就越长。

根据httparchive,数据传输的中位数大约为2,000千字节,数据相当于大约100页的纯文本。通过媒体重物,大小可以是三到四倍。

那么,我们如何快速保持互联网?解决方案,正如您可能猜到的那样,是那个Web服务器压缩在将文件发送到浏览器之前,它们会把我们100页的文本文档变成更像是一篇30页的文章。原因很简单:较小的文件意味着服务器和浏览器在传输它们时需要做的工作更少。一旦浏览器接收到压缩的响应,它就会快速解压内容,我们很高兴看到更快的加载时间。

压缩很好地适用于像HTML这样的代码,因为它的语法是重复的。压缩算法通常通过在文件中查找重复的信息并某种方式缩写。HTML使用标签< div >

重复和压缩方法可以暂时消除这些重复并缩短文件- GZIP就是这样一种方法。

什么是gzip压缩?

GZIP是一种经常用于通过互联网快速传输数据的压缩技术。“GZIP”是指压缩方法,用于使用此方法压缩文件的软件,以及由GZIP压缩产生雷竞技苹果下载官方版的文件格式(通常由文件扩展名.gz表示)。

GZIP是当前web文件压缩的标准。研究W3Techs在压缩内容的网站中,超过99%的网站使用GZIP。

GZIP于1992年被引入,最初的目的是让GNU(因此GZIP中的“G”)作为当时专有压缩方法的一个免费和开源的替代方案。这种可访问性促成了GZIP的普遍性。

我们不会详细讨论GZIP如何准确地压缩文件——本质上,GZIP实现了无损压缩缩小算法,它定位并删除文本文件中的重复字符。现在,您只需要知道为什么GZIP通常比类似的压缩方法更受欢迎。

为什么我们使用GZIP压缩?

GZIP是有效的,但它不是唯一的压缩方法。事实上,它甚至不是缩小尺寸的最佳方法。

GZIP可以减少多达70%的数据量。还不错,除了不同压缩算法之间压缩文件大小的比较测试显示了替代方案像Brotli这样的算法表现优于GZIP基于文本的资产。如果这是真的,为什么我们仍然如此依赖GZIP?

主要原因是GZIP倾向于比的方法。它压缩文件的时间比其他方法要短。这种速度对于网络上的数据传输至关重要。毕竟,压缩的目的是提高网站的速度——如果压缩本身就降低了速度,那又有什么意义呢?

同样重要的是GZIP压缩使用的事实更少的资源reybet雷竞技下载比的方法。它需要相对较少的计算能力和临时内存空间来工作。这是考虑服务器空间和事实时的关键全球Web流量的一半是移动的- GZIP可以有效地将网页发送到高功率和低功率的设备。

在我们继续之前,请注意GZIP压缩与ZIP压缩不同。ZIP是另一种无损压缩格式,它更常用于存储文件而不是传输文件。

如何检查GZIP压缩

对于使用GZIP的文件传输,必须发生两件事。首先,Web浏览器告诉Web服务器它可以接受GZIP压缩文件。这是通过包括的接受编码HTTP标头在浏览器的请求中:


接受编码:GZIP,放气

现在的大多数浏览器都默认在请求中包含这个头。

其次,Web服务器处理此标题并决定压缩所请求的文件或留下它们。如果使用GZIP压缩文件,则服务器包含以下标题:


内容编码:gzip

…它告诉浏览器必须用GZIP方法解压缩文件。

如果你想要你的网站文件被压缩发送,你必须使你的服务器处理GZIP请求。你的网站服务器可能默认启用GZIP压缩,也可能不启用,这取决于你的网站配置。幸运的是,不需要打开服务器的内容就可以很容易地进行检查。这里有一些方法可以帮你找到答案:

在线GZIP压缩测试

许多免费网站将确认是否启用了GZIP - 只需粘贴网页的URL并查看结果。一些网站还将提供一个简短的报告,解释了GZIP减少了文件大小的多少:

Gzip压缩检查工具的结果

图片来源

网络速度测试

许多免费的速度测试,如谷歌PageSpeed见解如有必要,包括在某些文件上使用GZIP的建议。这是Google Pagespeed Insights工具的警告:

来自谷歌站点速度检查器的GZIP压缩警告

在开发人员工具中检查HTTP头

要在没有外部工具的情况下检查GZIP压缩,可以使用浏览器中的开发人员工具面板。大多数浏览器允许您检查页面元素并以这种方式查看性能信息。

首先,加载你想要签入浏览器的网页。然后,打开开发人员工具面板并选择网络标签。您将看到Web服务器发送的所有资源的列表(如果不是,则可能reybet雷竞技下载需要重新加载页面)。单击一个资源以查看其内容。确保你有选项卡选中,然后向下滚动到内容编码标题查看使用了哪种方法。

下面是一个用GZIP压缩的资源使用Chrome开发工具的样子:

在Chrome开发人员工具中查看的资源内容

如何启用GZIP压缩

由于GZIP压缩发生在web服务器上,配置过程将取决于您的主机提供商和服务器架构。

如果你发现GZIP压缩没有在你的web服务器上实现,我们建议在尝试下面的方法之前检查你的主机提供商的文档中关于启用GZIP压缩的说明。您的主机可能不建议甚至不允许您修改服务器文件。

如果你有这个权限,这里有一些常见的web服务器设置的解决方案:

如何在Apache Web服务器上启用GZIP压缩

那些在Apache服务器上有网站的人可以通过.htaccess文件启用GZIP压缩,该文件控制各种服务器权限。将以下代码添加到.htaccess文件中,然后保存文件:


< IfModule mod_deflate.c >
AddOutputFilterByType缩小应用程序/ javascript
AddOutputFilterByType缩小应用程序/ rss + xml
AddOutputFilterByType应用程序/ vnd.ms-fontobject缩小
AddOutputFilterByType application / x字体缩小
AddOutputFilterByType应用程序/ x-font-opentype缩小
AddOutputFilterByType应用程序/ x-font-otf缩小
AddOutputFilterByType应用程序/ x-font-truetype缩小
AddOutputFilterByType应用程序/ x-font-ttf缩小
addoutputfilterbytype偏转应用程序/ x-javascript
AddOutputFilterByType缩小application / xhtml + xml
AddOutputFilterByType缩小application / xml
/ opentype AddOutputFilterByType缩小字体
addoutputfilterbytype leflate font / otf
/ ttf AddOutputFilterByType缩小字体
AddOutputFilterByType缩小图像/ svg + xml
AddOutputFilterByType缩小图像/ x图标
AddOutputFilterByType缩小文本/ css
addoutputfilterbytype缩小文本/ html
addoutputfilterbytype缩小文本/ javascript
addoutputfilterbytype缩小文本/平原
AddOutputFilterByType缩小text / xml
< / IfModule >

这将压缩所有的HTML, CSS, JavaScript,XML,以及字体文件。保存后,使用前一节中描述的任何方法检查压缩。

如何在NGINX Web服务器上启用GZIP压缩

NGINX服务器软件默认只雷竞技苹果下载官方版压缩HTML文件。如果你的服务器使用NGINX,你可以通过打开NGINX .conf文件,找到下面的行来启用GZIP压缩。


gzip;

直接在此行下方,粘贴以下代码:


gzip_vary;
gzip_types文本/纯文本/ CSS文本/ XML文本/ JavaScript应用程序/ X-JavaScript应用程序/ XML;
gzip_min_length 1000;
gzip_proxy no-cache no-store private expired auth;

然后,在测试压缩之前保存文件并重新加载您的nginx配置。

gzip_types指定压缩的文件类型。您可以根据需要添加或删除此行的项目。gzip_min_length是要压缩响应必须的最小长度。这里,它被设置为1000字节(1 KB),但是如果需要,可以更改它。

如何在WordPress中启用GZIP压缩

WordPress是CMS软件,不雷竞技苹果下载官方版是服务器配置。但是,如果你运行一个WordPress网站,你可以安装一个性能插件来为你修改服务器文件。这可以通过性能优化套件实现WP超级缓存WP火箭,或PageSpeed忍者.还有启用Gzip压缩,它的作用与Apache服务器上的名称完全相同。

再次,仅仅因为您可以安装和使用插件并不意味着您有权更改服务器的配置。如果遇到以这种方式启用Gzip压缩的问题,请参阅适当的文档或联系您的主机。

压缩打动

请记住,所有这些技术谈话的目标是通过提供最快的页面来为访问者提供最佳用户体验。如果您不熟悉实际确定页速首先,那么“加快站点”可能看起来像一个黑匣子。

通过在你的web服务器上实现压缩,你将为访问者提供他们想要的内容,而没有额外的成本。你将获得更多的印象,推动更高的参与度,并将更多的访客转化为客户。网站速度极大地影响你的在线成功,所以没有时间浪费!

新的文字-动作

CSS介绍

最初发布于12月16日,2020年7:00:00,Unifated 1月12日2021年

主题:

网站性能