如何在.htaccess和故障排除中设置GZIP

已发表: 2025-02-25

想要加快您的WordPress网站?通过.htaccess启用GZIP压缩是改善页面加载时间的简单有效方法。

在本文中,您将发现GZIP压缩,其工作原理以及如何通过.htaccess文件启用它。另外,我们将介绍一些有用的提示,以解决常见问题。

什么是GZIP,它如何工作?

GZIP是一种压缩方法,它缩小了网站文件(例如HTML,CSS和JavaScript),因此加载速度更快。它通过在文本中找到重复的模式并用较短的代码替换它们来起作用。

就像当您将图像和文本发送以通过电子邮件发送的文件时。该文件变得小得多,因此发送和下载更快。同样,当您的网站文件被GZIP压缩时,浏览器会迅速“解开”它们,从而使您的页面内容更早出现。它可以将文件尺寸降低70-80%,从而使您的网站加载速度更快。

这是其工作原理:

  1. 服务器将文件压缩成较小的大小。
  1. 压缩文件发送到访问者的浏览器而不是大型原件。
  1. 浏览器会自动打开它们,并照常显示网站。
GZIP压缩解释 - 来源:WP火箭
GZIP压缩解释了 - 来源:WP火箭

在下面的示例中,我们在GZIP压缩之前有一个329个字符的代码段。压缩后,仅142个字符。

GZIP压缩看起来像 - 来源:WP Rocket Gzip指南
GZIP压缩看起来像 - 来源:WP Rocket Gzip指南

在网站性能上使用GZIP的好处

加载时间更快

GZIP将您的HTML,CSS和JavaScript文件的大小降低到70-90。这意味着浏览器下载较小的文件,加载页面的速度要快得多。

  • 没有GZIP:浏览器下载一个大的未压缩文件,需要更长的时间。
  • 使用GZIP:该文件的传输速度较小,更快,以便可以在访问者的屏幕上更快地渲染。

较低的带宽用法

较小的文件表示服务器和浏览器之间的数据传输较少,这对于移动用户或连接较慢的用户特别有用。

提高最大内容的油漆

最大的内容涂料(LCP)是Google创建的三种核心网络生命力之一,旨在测量网页的性能。最大的内容涂料测量了最大的可见元素(例如英雄图像或标题)要加载多长时间。这是用户觉得页面准备就绪的时刻 - 即使更多的次要元素仍在加载。

LCP等级 - 资料来源:PagesPeed Insights
LCP等级 - 资料来源:PagesPeed Insights

为了改善LCP,Google建议您实现GZIP或Brotli压缩。实际上,当您使用PagesPeed Insights进行性能测试时,您可能会看到“使用文本压缩”的建议,该建议通常是指GZIP或Brotli。

GZIP压缩审核 - 资料来源:PagesPeed Insights
GZIP压缩审核 - 资料来源:PagesPeed Insights

原因? GZIP降低了网站文件的大小,较小的文件加载速度更快,帮助您页面的最大可见部分(LCP)看起来更快。

改进的SEO

最后,Google将LCP用作排名因素。绿色的LCP得分可以提高您排名更高的机会,从而带来更多的自然流量。如果LCP迅速加载,则用户更有可能留在页面上,与之互动并信任您的网站。此外,Google奖励快速的网站,因此您网站的搜索引擎排名可以通过使用GZIP改善加载时间来受益。

在.htaccess中设置GZIP

在.htaccess文件中实现GZIP压缩之前,请进行一些检查。

检查网站上是否已经启用了GZIP

检查网站上是否已经启用GZIP的最快方法是使用浏览器开发工具。您可以从视图>开发人员>开发人员工具访问它。然后打开网络选项卡并选择标头。在内容编码行旁边看到“ GZIP”意味着在您的网站上激活GZIP。

检查是否通过开发工具启用GZIP  - 来源:WP Rocket
检查是否通过开发工具启用GZIP - 来源:WP Rocket

找到并备份您的.htaccess文件

.htaccess文件位于WordPress安装的根目录中(与WP-Config.php和WP-Admin相同的文件夹)。如果您看不到,则在FTP客户端或文件管理器中启用“显示隐藏文件”。

找到.htaccess文件 - 来源:我的FTP
找到.htaccess文件 - 来源:我的FTP

.htaccess文件是WordPress网站上重要的配置文件,进行错误的更改可能会破坏您的网站。必须谨慎行事并备份您的网站和文件。

为什么.htaccess对于GZIP设置很重要

.htaccess文件是一个Apache服务器配置文件,允许您为网站设置各种指令。一种选择是启用GZIP来压缩HTML,CSS和JavaScript文件等资源。

将特定的GZIP规则添加到.htaccess文件中,请在将其发送到用户的浏览器之前,让服务器压缩文件。用普通的英语,.htaccess文件与您的浏览器和服务器“通信”以压缩指定的文件类型(例如HTML,CSS,JavaScript等)。

使用.htaccess进行GZIP压缩的优点

使用.htaccess启用GZIP意味着在不修改主服务器配置的情况下应用各种设置进行GZIP压缩。这有助于较低的带宽使用情况,而无需更改服务器的核心设置。

通过.htaccess启用GZIP压缩的分步指南

这是使用.htaccess文件在网站上启用GZIP压缩的分步指南。为了预防措施,我们建议您在编辑WordPress网站的代码之前备份网站。

步骤1:访问您的.htaccess文件

  • 使用FTP客户端(例如Filezilla)连接到您的网站。
  • 在根目录中查找.htaccess文件(与wp-config.php和wp-admin相同的文件夹中的文件)。

步骤2:编辑.htaccess文件

  • 右键单击.htaccess并选择编辑
  • 在文件顶部添加以下代码行。该代码将告诉服务器要压缩哪些文件类型。
 <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 ancient 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>

步骤3:保存并重新上传.htaccess文件

  • 您的新.htaccess文件应该看起来像这样:
.htaccess文件带有新代码 - 来源:我的.htaccess文件
.htaccess文件带有新代码 - 来源:我的.htaccess文件
  • 保存更改。

如何检查GZIP压缩是否有效(3种方法)

存在三种简单的方法来检查网站上的GZIP压缩是否有效。

方法1:检查浏览器开发工具

  • 打开浏览器的开发人员工具(chrome中的F12或Ctrl + Shift + I)。
  • 转到网络选项卡并选择一个文件
  • 检查标题部分。如果您看到“内容编码:GZIP ”,则GZIP处于活动状态。
使用Chrome Dev工具检查GZIP压缩 - 来源:Chrome Dev工具
使用Chrome Dev工具检查GZIP压缩 - 来源:Chrome Dev工具

方法2:使用PagesPeed Insights或GTMetrix

PagesPeed Insights和GTMetrix使用Lighthouse技术分析网站性能和核心网络生命力。它们包括性能分数,建议和可行的技巧,以提高您的网站速度。这是检查GZIP是否在您的网站上激活的方法:

  • 打开PagesPeed Insights(您可以使用GTMetrix执行相同的步骤)。
  • 运行测试并检查审核结果。
  • 如果您看到诸如“启用文本压缩”之类的警告,则不会启用GZIP。
使用PagesPeed Insights(诊断部分)检查GZIP压缩 - 来源:PagagesPeed
使用PagesPeed Insights(诊断部分)检查GZIP压缩 - 来源:PagagesPeed
  • 如果GZIP处于活动状态,则该审核应显示在通过的审核部分中。
使用PagesSpeed Insights检查GZIP压缩(通过的审核部分 - 来源:PagesPeed
使用PagesPeed Insights检查GZIP压缩(通过的审核部分 - 来源:PagesPeed

方法3:使用在线GZIP测试

在线GZIP测试工具检查网站上的GZIP压缩是否处于活动状态。您输入网站的URL,该工具分析您的服务器是否在将文件发送给访问者的浏览器之前正在压缩文件。

  • 转到Speed Gzip测试的礼物。
  • 输入您的网站URL。
  • 通过单击测试URL >>按钮来运行测试。
  • 阅读结果:它将告诉您是否启用了GZIP以及应用了多少压缩。
使用在线工具检查GZIP压缩 - 资料来源:Giftofspeed
使用在线工具检查GZIP压缩 - 资料来源:Giftofspeed

解决常见问题

GZIP压缩通常效果很好,但是要注意潜在的问题是很好的。您可能会在GZIP压缩以及如何修复它们时面临一些常见的问题。

1。看不到所有内容压缩

问题:启用GZIP后,某些内容可能不会被压缩。

修复:确保您已在.htaccess文件中列出了正确的文件类型(HTML,CSS,JS)以进行压缩。

2。服务器兼容性问题

问题:带有.htaccess的GZIP压缩主要在Apache服务器上工作。如果您使用Nginx或IIS等其他服务器,则.htaccess设置可能无法正常工作。

修复:联系您的托管提供商或服务器管理员,以检查是否支持GZIP,并询问服务器的任何唯一设置。

3。测试工具

问题:测试GZIP时,有些工具显示它正在起作用,而另一些工具则不行。

修复:使用可靠的测试工具(例如浏览器开发人员工具或受信任的在线测试人员)确认GZIP活跃并且有效。

4。与CDN或代理服务器的兼容性

问题:如果您使用CDN或代理服务器,则GZIP启用了自己的压缩设置,可能无法正常工作。

修复:与您的CDN或代理提供商联系,以确保正确设置GZIP设置。您应该在Web服务器和CDN/代理服务器上调整设置。

奖励:如何使GZIP压缩更轻松

在WordPress上启用GZIP压缩的最简单,最安全的方法是使用WP Rocket等性能插件。该工具在激活时会自动应用超过80%的性能最佳实践,并且不需要技术技能。

WP Rocket一旦被激活,就会自动应用必需的优化,例如页面缓存,浏览器缓存, GZIP压缩,预加载,批判图像优化和自动懒惰渲染。

WP火箭的自动GZIP压缩 - 来源:WP火箭
WP火箭的自动GZIP压缩 - 来源:WP火箭

激活后,WP Rocket还会减小CSS和JavaScript文件以减小其尺寸,预加载缓存并链接以加速内容交付并减少服务器负载。最重要的是,您可以轻松启用一键功能,以进一步提高您的网站速度。 CSS优化选项卡的样子以下是:

完整的性能优化插件,包括自动GZIP压缩 - 来源:WP Rocket
完整的性能优化插件,包括自动GZIP压缩 - 来源:WP Rocket

手动调整服务器设置,编辑.htaccess文件或添加额外的代码行可能会冒险。一个小错误可能会破坏您的网站或花时间修复。 WP Rocket处理繁重的工作,使其成为优化网站性能并实现GZIP压缩的更快,更安全的解决方案。

总结

您可以通过启用GZIP压缩立即加速您的网站!为什么要等?这是一个简单的过程,可以使您的文件更小,从而提高了加载速度和整体性能。您可以通过.htaccess文件手动执行代码,也可以使用WP Rocket之类的插件。

使用WP Rocket,您不会冒着破坏代码的任何风险,并且可以通过14天的退款保证而无忧。