​如何在服务器上启用文本压缩?

SinoClick发表于:2023年08月02日 18:23:36更新于:2023年11月07日 18:51:39

概述

启用文本压缩是网页优化的重要步骤,其目标是通过减少HTTP响应的大小来提升网页的加载速度。当启用了文本压缩后,服务器在发送HTML、CSS、JavaScript等文本文件到浏览器时,会先进行压缩,然后再传输。这样可以显著减少传输的数据量,提高网页的加载速度,并为服务器和网络带宽节省资源。目前最常用的文本压缩算法是Gzip和Brotli。

解决方案

在提供这些响应的服务器上启用文本压缩以通过此审计。

当浏览器请求资源时,它将使用 Accept-Encoding HTTP 响应head来指示它支持哪些压缩算法。

Accept-Encoding: gzip, compress, br

如果浏览器支持 Brotli (br) ,您应该使用 Brotli,因为它比其他压缩算法更能减少资源的文件大小。搜索 how to enable Brotli compression in <X>,其中 <X> 是您的服务器的名称。截至 2020 年 6 月,除 Internet Explorer、Safari 桌面版和 iOS 上的 Safari 外,所有主流浏览器都已支持 Brotli。请参阅浏览器兼容性了解更新。

将 GZIP 用作 Brotli 的后备。所有主流浏览器都支持 GZIP,但效率不如 Brotli。有关示例,请参阅服务器配置

您的服务器应该返回Content-Encoding HTTP 响应head以指示它使用的压缩算法。

Content-Encoding: br

在 Chrome DevTools 中检查响应是否被压缩

要检查服务器是否压缩了响应:

1.  按Control+Shift+J(或Command+Option+J在 Mac 上)打开 DevTools。

2.  单击网络选项卡。

3.  点击引起您兴趣的响应请求。

4.  点击 Headers 选项卡。

5.  检查 Response Headers 部分中的 content-encoding 标头。

png

要比较响应的压缩和解压缩大小:

1.  按Control+Shift+J(或Command+Option+J在 Mac 上)打开 DevTools。

2.  单击网络选项卡。

3.  启用大请求行。请参阅使用大请求行

4.  查看您感兴趣的响应的 Size 列。上面的值是压缩大小,下面的值是解压缩大小。

另请参阅缩小和压缩网络有效负载

针对特定技术栈的指导

#Joomla

启用 Gzip 页面压缩设置 (System > Global configuration > Server)。

#WordPress

在 Web 服务器配置中启用文本压缩。

资源

启用文本压缩审计的源代码


专家服务

shopify用户可进入我们的网站诊断检测结果页面,点击“专家服务”,

限时1元购买我们的专家服务,获取技术专家的1对1配置服务!