如何为 WordPress 启用 GZIP 压缩

已发表: 2023-02-12

一个缓慢的网站会产生很多问题。 它会赶走潜在的访问者和客户,损害您网站的用户体验 (UX),甚至影响您的声誉。

减小网站页面的大小是提高加载速度的关键。 幸运的是,GZIP 压缩是实现快速页面加载和减小文件大小的好方法。

在本指南中,我们将了解 GZIP 压缩的基础知识,包括它是什么以及它的作用。 然后我们将详细介绍如何在 WordPress 网站上启用 GZIP 压缩。 让我们开始吧!

目录
1.什么是 GZIP 压缩?
2. GZIP 压缩有什么作用?
3.如何查看是否启用了 GZIP 压缩
4.如何在 WordPress 上启用 GZIP 压缩
4.1. 使用插件启用 GZIP 压缩
4.2. 为 Nginx 启用 GZIP 压缩
4.3. 为 Apache 启用 GZIP 压缩(通过编辑 .htaccess 文件)
5.继续学习 WP Engine

什么是 GZIP 压缩?

GZIP 压缩是一种类似于 ZIP 和 RAR 的数据压缩。 它可用于压缩您网站上的所有文件,无论它们是文本、HTML、CSS、JavaScript 还是 XML。

GZIP 压缩发生在文件提供给访问者的网络浏览器之前。 通过这种方法,GZIP 压缩可减小文件大小,从而对网站加载时间产生积极影响。

GZIP 压缩有什么作用?

当访问者登陆您的网站时,他们的浏览器会从其服务器请求该网站的文件。 您的服务器将在将这些文件发送到浏览器之前对其进行压缩。 GZIP 压缩是一种文件压缩方法。

压缩文件的传输速度比未压缩文件快。 这有助于提高网站性能和加载速度,从而提高搜索引擎优化 (SEO)。

如何查看是否启用了 GZIP 压缩

GZIP 压缩很流行,许多 WordPress 托管平台默认启用它。 如果您不确定如何检查 GZIP 压缩是否在您的站点上正常工作,您可以使用第三方解决方案或浏览器内开发人员工具对其进行测试。

如果您没有启用 GZIP 压缩,您通常会在 GTmetrix 等工具中看到警告。 您还可以使用 GZIP 压缩工具来查看您的网站是否使用 GZIP 压缩。

还可以使用浏览器开发人员工具检查 GZIP 压缩是否正常工作。 启用后,响应标头将包含“content-encoding: gzip”:

要在 Chrome 中找到响应标头,您需要打开 DevTools 并导航到Network ,然后重新加载页面。 单击与您的网站匹配的名称,响应标题将打开。

如何在 WordPress 上启用 GZIP 压缩

WP Engine 上的所有网站都默认使用 GZIP 压缩。 包括文本文件、图像、CSS 和 JavaScript 在内的所有静态文件都会自动压缩,以实现最佳网站性能。 这种自动压缩减少了.htaccess文件中对 GZIP 指令的需求。

但是,并非所有 WordPress 网站都托管在 WP Engine 上,并且不会受益于默认启用的 GZIP 压缩。 如果您的网站托管在不同的平台上,您可能需要手动启用 GZIP 压缩。 有几种方法可以做到这一点,我们接下来会看看。

使用插件启用 GZIP 压缩

启用 GZIP 压缩的最简单方法是使用缓存插件。 WP Rocket 等工具通过为您向.htaccess文件添加代码来启用压缩,而 W3 Total Cache 等其他工具则需要您手动添加该代码。

虽然这通常是添加 GZIP 压缩的最简单方法,但它确实涉及向您的站点添加额外的插件。 如果你想保持你的插件库精简,你可以使用以下解决方案之一。

为 Nginx 启用 GZIP 压缩

如果您的网站使用 Nginx,则可以使用一段代码来启用 GZIP 压缩。 您需要将下面的代码片段放在您站点的nginx.conf文件的“http”部分中。 您也可以将此代码片段放在服务器或位置配置块中,但通常建议使用 http 部分:

gzip on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied no-cache no-store private expired auth;
gzip_diable “MSIE [1-6];

保存并关闭文件后,您将需要重新启动 Nginx。 为此,请使用以下命令:

sudo service nginx restart

重新启动后,使用前面详述的方法检查以确保 GZIP 压缩处于活动状态。

为 Apache 启用 GZIP 压缩(通过编辑 .htaccess 文件)

如果您的虚拟主机使用 Apache,您将需要编辑.htaccess文件以启用 GZIP 压缩。 该文件可以通过文件传输协议 (FTP) 或您的文件管理器在 WordPress 安装的根目录中找到。 大多数 WordPress GZIP 压缩方法都需要编辑.htaccess文件。

有两个 Apache mods 可以用来启用 GZIP,但是mod_deflate是最广泛支持和最好记录的选项。 要启用mod_deflate ,请添加:

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

要改为启用mod_gzip ,请添加:

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

在使用任何一个 mod 之前,您需要备份您的.htaccess文件并确保模块mod_filter在您的服务器上,否则可能会出现 500 错误。

继续学习 WP Engine

减小网站页面的大小可以减少加载时间并提高整体性能。 GZIP 压缩可以实现这种减少,但只有当它被启用时。

幸运的是,在 WP Engine 中,我们默认启用 GZIP 压缩。 更重要的是,我们提供出色的资源来帮助您了解如何为您的访客打造出色的数字体验!