Brotli vs Gzip:哪种压缩方式更适合 WordPress?
已发表: 2022-08-18Brotli 与 Gzip 压缩? 找出哪个压缩工具更好。
在网站性能方面,标准很高。 决定一个伟大网站的因素之一是它的速度。 如今,网站上充斥着图像、视频和脚本,这意味着它们需要更多时间来加载。
尽管如此,想要保持竞争力的网站所有者必须避免页面加载缓慢。 如果您的访问者需要多等几秒钟,他们就会离开您的网站。 为防止这种情况发生,您应该减少网站的加载时间。
提高站点速度的一种方法是通过数据压缩。 这种技术可以节省存储空间并提高速度。 在本文中,我们将解释什么是数据压缩。 我们还将比较两种主要的压缩算法——Gzip 和 Brotli。
内容:
- 什么是数据压缩?
- Brotli vs Gzip 压缩——基础
- Gzip 压缩
- Brotli 压缩
- Brotli 和 Gzip 压缩的基准测试
- 如何测试您的网站的 Brotli 和 Gzip
- 在 WordPress 中启用 Brotli 压缩
- 结论
什么是数据压缩?
数据压缩是使用压缩算法减少 Web 文件的过程。 压缩可以是有损或无损的。 在有损压缩中,数据质量可能会降低。 无损压缩可在不影响质量的情况下减小 Web 文件的大小。
这就是为什么压缩很重要; 当您在 Web 浏览器中输入 URL 时,它会向 Web 服务器发送请求。 服务器负责在 Web 浏览器上获取和显示数据。
收到请求后,文件必须在几秒钟内下载并显示。 如果网站加载时间超过 3 到 5 秒,则会增加跳出率。 要发送的数据越多,页面加载所需的时间就越长。
数据压缩试图通过减小网站文件的大小来消除这个问题。 因此,您的网站使用的位数更少,加载速度更快。 许多网络浏览器接受一种或两种最流行的压缩算法——Brotli 和 Gzip。
Brotli vs Gzip 压缩——基础
这是对这两种压缩工具的快速介绍。
Gzip 压缩
Gzip 是一种压缩软件,用于减小 Web 文件的大小。 该软件于 1992 年 10 月 31 日发布,基于 DEFLATE 算法。 此格式检测并删除 Web 文件中的重复字符。 它是一种结合了 LZ77 算法和 Huffman 编码算法的无损数据压缩。
LZ77 算法通过检测重复数据并用元组替换它们来压缩原始数据来工作。 为了进一步压缩数据,霍夫曼编码算法分配具有最少位数的重复出现的字符。 然后稀有/唯一字符的位数最多。
Gzip 被设计为一个通用的压缩库。 它以原始形式获取数据并无损压缩。 主要的网络浏览器支持 Gzip,许多托管服务提供商都提供它,因此您的网站很可能已经在使用它。
Brotli 压缩
这是另一种流行的数据压缩算法。 Brotli 由 Google 的软件工程师于 2013 年创建,并迅速成为全球使用最广泛的压缩方法。 这不足为奇。 与 Gzip 不同,Brotli 旨在压缩流,使其成为 Web 服务器的更好选择。
此外,Brotli 是通用且无损的。 因此,可以有效地压缩任何类型的文件而不会丢失任何信息。 Brotli 提供广泛的支持,并且可以免费使用。
基准测试 – Brotli 与 Gzip 压缩
这是一个大问题:Brotli 还是 Gzip 哪个更好? 要回答这个问题,您应该了解压缩的含义,即它的比率和速度。
压缩比描述了文件压缩前后的差异。 另一方面,压缩速度是指压缩或解压缩文件所需的时间。 使用这些信息,让我们比较 Gzip 和 Brotli。
Gzip 可以将网站文件减少多达 80%。 这个比率令人印象深刻,但 Brotli 等其他工具具有更好的压缩比。 针对 Gzip 对 Brotli 进行基准测试显示了以下结果:
- HTML 文件比 Gzip 小 21%
- CSS 文件比 Gzip 小 17%
- JavaScript 文件比 Gzip 小 14%
根据这些数据,您可能会得出结论认为 Brotli 更好。 虽然 Brotli 的压缩效果更好,但它是有代价的。 与 Gzip 相比,Brotli 需要更长的时间来压缩,速度也是一个重要的指标。
虽然 Brotli 具有更好的压缩比,但 Gzip 在压缩速度方面处于领先地位。
此外,两种压缩工具具有不同的压缩级别。 级别直接影响压缩比和速度。
增加压缩级别将增加压缩比。 但是,它会减慢整个过程。 因此,如果您需要更高的压缩速度,则需要降低压缩级别。 反之亦然。
在人气和用户数量方面,Gzip 名列前茅。 Brotli 仅在 2013 年创建,而 Gzip 自 1992 年就已经存在。虽然 Brotli 相对较新,但它正在快速发展并成为托管服务提供商的标准。
如何测试您的网站的 Brotli 和 Gzip 压缩
有两种方法可以检查您的网页是否使用压缩算法。 我们将讨论两者。
使用在线工具
这是检查您的 WordPress 网站是否启用 Gzip 或 Brotli 的最简单方法。 在本教程中,我们将使用来自 giftofspeed.com 的压缩测试工具。 该工具使用简单,还提供有关您网站的其他信息。
首先,在提供的文本字段中输入您网站的 URL,然后单击它旁边的测试 URL按钮。 您几乎会立即得到结果。 就是这么容易。
使用浏览器的开发工具——Brotli vs Gzip
测试网站的另一种方法是使用 Web 浏览器中的开发人员工具。 在本教程中,我们将使用 Chrome,但它也适用于其他主要浏览器。
首先,转到您要测试的网站,然后右键单击页面上的任意位置并选择Inspect 。
在开发人员菜单上,单击网络选项卡。 在这里,您将看到有关您当前正在查看的页面的各种指标。 如果没有显示,您可能需要重新加载页面。
接下来,向上滚动到包含您的域名的第一条记录并单击它。 之后,切换到“标题”选项卡。 向下滚动到“响应标头”部分并找到“内容编码”标头。 如果您看到“br”,则表示 Brotli 在网站上处于活动状态。
否则,如果您看到“gzip”,则表示 Gzip 压缩在您的站点上处于活动状态。
在 WordPress 网站上启用 Brotli 或 Gzip 压缩
在 WordPress 中启用数据压缩有三种方法。 如果您对控制面板具有管理员访问权限,则可以在服务器上手动安装算法。 但是,这种方法需要一些编程经验。
或者,您可以从托管仪表板启用它(如果您的主机支持它)。 也可以使用 WordPress 插件为您的网站启用它。
在我们开始之前,您需要备份您的网站,以便有一个版本可以在出现错误时恢复。 话虽如此,这里有两种在 WordPress 中启用数据压缩的方法。
使用 WordPress 缓存插件
WordPress 有许多插件,可让您将缓存功能添加到您的网站。 但是,并非所有缓存插件都允许您启用 Brotli 压缩,因此请仔细研究您将使用的插件。
在本教程中,我们将使用 W3 Total Cache 插件。 要安装此插件,请转到插件 >> 添加新的. 在搜索栏上,输入插件的名称,然后单击插件名称旁边的立即安装。 安装完成后,按钮变为“激活”。 单击它以激活插件。 您可以阅读我们关于如何安装 WordPress 插件的文章。
安装后,转到性能>>浏览器缓存以打开插件的设置页面。
在“常规”选项卡上,找到数据压缩部分。 默认情况下,压缩将设置为 Gzip。 如果您更喜欢使用 gzip 压缩,您可以保持设置不变。 否则,您需要取消选中它并启用“启用 HTTP (brotli) 压缩”旁边的复选框。
之后,向下滚动并单击Save all settings & Purge Cache 。
同样,CSS & JS、HTML & XML 和媒体文件也应设置为压缩。
您可以使用菜单导航到所需的部分。 选择压缩算法后,单击Save Changes & Purge Cache按钮。
支持网络主机
提供开箱即用数据压缩的网络主机是启用该算法的另一种简单方法。 联系您的托管服务提供商以了解他们是否提供压缩,并让他们知道您想要的压缩级别。
如果您的虚拟主机不提供数据压缩,您可以使用上面的插件方法。 否则,您可能需要升级您的虚拟主机。 您可以查看我们对最佳 WordPress 托管服务提供商的评论。
如果您的网站使用 Cloudflare CDN,您可以轻松地为您的网站启用 Brotli。 为此,请从 Cloudflare 仪表板登录到您站点的帐户。 接下来,转到Speed选项卡并选择Optimization 。 在那里,您可以将 Brotli 开关切换到On 。
现在您的 WordPress 网站将使用 Brotli 来处理压缩。
旁注:您需要先将您的网站与 Cloudflare 连接,然后才能使用压缩工具。 我们有关于如何将 Cloudflare 与 WordPress 集成的详细指南。
结论 – Brotli vs Gzip
最终,压缩可以帮助您的 WordPress 网站更快地加载,因为它可以减小文件大小。 Gzip 和 Brotli 都有助于压缩您网站的文件。
虽然 Gzip 较老且广为人知,但 Brotli 的压缩效果更好。 但是,它也需要比 Gzip 更多的时间来压缩。 即便如此,Brotli 更现代,并且通常会提供更好的结果。
最终,您的目标是在您的网站上为您的用户提供最佳体验,无论您使用何种工具。 因此,您可以针对您网站的独特需求测试这两种算法,并对每种算法进行速度测试。
有关网站优化的更多提示,您可以查看我们的速度优化指南。 此外,请查看我们博客的其余部分以获取其他 WordPress 教程。