WordPress站点加速之开启Gzip压缩加快传输

2022年8月27日18:00:00 发表评论

一般都建议博客网站开启Gzip压缩，因为开启这个压缩后最多可以减少70%的文件大小，从而减少通过网络传输的数据量以提高浏览的速度。通过几天的研究学习，总结并分享下如何将 WordPress 站点开启 Gzip 压缩以达到加快传输的目的。

什么是 Gzip 压缩，为什么要用 Gzip 压缩

说白了就是一种压缩的技术，它将浏览器请求的文件在服务器端进行压缩，然后将文件以压缩的形式传递给浏览器，然后在浏览器端进行解压缩，还原后进行解析。而目前 99% 的浏览器都支持 Gzip ，包括 IE 4+, Netscape 4+, Opera 5+ 和所有版本的 Safari 和 Firefox ，所以大家可以放心使用。

在这里我们的压缩对象是所有的 html、JS、和 CSS 。而他的压缩效率惊人，能减小 60% 到70%。像我的博客一个 10K 的 JS 文件，用 Gzip 压缩后浏览器接收的只有 3K 大小，16K 的 CSS 文件也被压缩到了 5K，很强大吧！

怎么知道我的页面是否 Gzip 压缩过了

Gzip 的方法有很多种，而有很多的服务器是默认开启 Gzip 压缩的，不过据我所知，这种服务器少之又少。那么如何检测我们的网站是否启用了Gzip压缩呢？下面掘金网介绍2种检测方法，具体如下：

方法一：采用GZIP检测器工具检测

打开GZIP检测器工具页面，输入我们的网站网址后点击【Test UPL】按钮。

稍等片刻即可看到检测结果用了Gzip压缩。如下图所示，该站点的压缩比例为79.03%。

WordPress站点加速之开启Gzip压缩加快传输

方法二：采用站长工具检测

打开站长工具的“网页GZIP压缩检测”页面，输入我们网站的网址后点击【查询】按钮。

稍等片刻即可看到检测结果，如果“是否压缩”为“是”，“压缩类型”为“gzip”，则说明该站点启用了Gzip压缩。如下图所示，该站点的压缩比例为78.54%。

WordPress站点加速之开启Gzip压缩加快传输

除此之外，还可以在站长工具的“SEO综合查询”页面中查询，在结果页的“服务器信息”同样可以看到该站点是否启用了压缩，更具体的信息还可以点击【数据详情】查看。

WordPress站点加速之开启Gzip压缩加快传输

上面介绍的两种检测方法都比较简单，都可以检测出目标博客网站是否启用了GZIP压缩，以及压缩前后的网页大小及压缩比。其实，大多数博客网站特别是WordPress 网站安装有缓存插件之类的话都是开启了 GZIP 压缩。

Nginx开启Gzip的方法

  1. gzip on;  
  2. gzip_min_length  1k;  
  3. gzip_buffers     4 16k;  
  4. gzip_http_version 1.1;  
  5. gzip_comp_level 6;  
  6. gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;  
  7. gzip_vary on;  
  8. gzip_proxied   expired no-cache no-store private auth;  
  9. gzip_disable   "MSIE [1-6]\.";  

掘金网简单解释下，别问我为什么只解释Nginx，因为我就用这个！

  1. 第1行：开启Gzip（这是掘金网唯一不借助翻译就能看得懂的）  
  2. 第2行：不压缩临界值，大于1K的才压缩，一般不用改  
  3. 第3行：buffer，就是，嗯，算了不解释了，不用改  
  4. 第4行：用了反向代理的话，末端通信是HTTP/1.0，有需求的应该也不用看我这科普文了；有这句的话注释了就行了，默认是HTTP/1.1  
  5. 第5行：压缩级别，1-10，数字越大压缩的越好，时间也越长，看心情随便改吧，缙哥哥用的是6.  
  6. 第6行：进行压缩的文件类型，缺啥补啥就行了，JavaScript有两种写法，最好都写上吧，总有人抱怨js文件没有压缩，其实多写一种格式就行了。不过你要考虑自己的CDN之类的，如果静态文件已经丢出去了，也就没必要了！  
  7. 第7行：跟Squid等缓存服务有关，on的话会在Header里增加"Vary: Accept-Encoding"，我不需要这玩意，自己对照情况看着办吧  
  8. 第8行：IE6对Gzip不怎么友好，不给它Gzip了  

值得一提的是，如果你是使用宝塔面板，那么它已经默认给你开启了Gzip压缩功能，如下图所示：

WordPress站点加速之开启Gzip压缩加快传输

Apache开启Gzip的方法

首先确保你的 Apache 已经加载了 mod_deflate 模块，然后在 httpd.conf 代码中加载以下代码：

  1. <IfModule mod_deflate.c>  
  2. AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/json application/x-httpd-php application/x-javascript  
  3. </IfModule>  

如果你没有权限修改你的主机，你也可以将以上代码复制到网站根目录的 .htaccess 文件。

PHP开启Gzip的方法

如果修改 Apache httpd.conf 文件无效，则可以通过修改 PHP 的 php.ini 方法：

打开 PHP 目录下的 php.ini 文件，找到 zlib.output_compression = Off，改成 zlib.output_compression = On，再把 ;zlib.output_compression_level 前面的；去掉，后面的-1改成1—9的值，1的压缩比率最低，建议取5。这样便可以实现所有 PHP 页面的 gzip 效果。

如果无法修改 php.ini 文件，则可以在需要 gzip 压缩的 PHP 文件头部加入：

  1. if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) {  
  2.     ob_start('ob_gzhandler');  
  3. }else{  
  4.     ob_start();  
  5. }  

既可以实现该 php 页面 gzip 压缩。

WordPress开启Gzip的方法

如果上述方法都无效，则将下面的代码复制到当前主题的 functions.php 文件中也可以实现 WordPress 整站 gzip 压缩：

  1. //WordPress站点加速之开启Gzip压缩加快传输 - https://www.dujin.org/12613.html  
  2. add_action('init', 'wpjam_gzip_compression');  
  3. function wpjam_gzip_compression(){  
  4.     if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) {  
  5.         ob_start('ob_gzhandler');   
  6.     }else{  
  7.         ob_start();   
  8.     }  
  9. }  

htaccess开启Gzip压缩

编辑站点根目录 .htaccess 文件，在最后面加上一下三种代码中的任意一种。

代码一

  1. php_value output_handler ob_gzhandler  

代码二

  1. <IfModule mod_expires.c>  
  2. ExpiresActive On  
  3. ExpiresByType image/gif A2592000  
  4. ExpiresByType image/jpeg A2592000  
  5. ExpiresByType image/png A2592000  
  6. ExpiresByType image/x-icon A2592000  
  7. ExpiresByType application/x-javascript A604800  
  8. ExpiresByType text/css A604800  
  9. </IfModule>  
  10. <IfModule mod_deflate.c>  
  11. SetOutputFilter DEFLATE  
  12. AddOutputFilterByType DEFLATE text/html text/css image/gif image/jpeg image/png application/x-javascript  
  13. </IfModule>  

代码三

  1. php_flag zlib.output_compression On  
  2. php_value zlib.output_compression_level 6  

WordPress插件开启Gzip的方法

这里就有很多可以开启Gzip的插件了，掘金网随意举几个亲自尝试的例子，具体适用与否需要自己尝试。

WP Super Cache插件

如果你的 WordPress 已安装 WP Super Cache 缓存插件，可以在 WP Super Cache 设置 → 高级选项中勾选 Compress pages so they’re served more quickly to visitors.(Recommended) 一项，这样也可以开启Gzip压缩，想必很多人都见过，掘金网就不截图了！

WP Performance插件

如果你使用的是 WP Performance 插件，那就更简单了，直接在插件设置主页勾选

WordPress站点加速之开启Gzip压缩加快传输

Gzippy插件

如果你使用的是 Gzippy 插件，启动插件即可。

index开启Gzip的方法

通过修改 WordPress 根目录 index.php 文件开启Gzip压缩，这是掘金网认为最愚蠢的办法！

为什么呢？众所周知，WordPress的更新换代好比换内裤，三天两头更新。更新一次你就得改一次，你说是不是最愚蠢的办法？但是，如果上方的你都不行的时候，倒是不妨使用这个方法试试！

进入 WordPress 网站根目录，修改 index.php 文件，找到

  1. define(’WP_USE_THEMES’, true);  

在后面加上：

  1. //WordPress站点加速之开启Gzip压缩加快传输 - http://jjsoho.com/kqgzip/  
  2. ob_start(‘ob_gzhandler’)  

掘金网在上面加个地址，以免你忘了这句话什么意思。别忘了升级WordPress之后重新加回去！

Gzip使用注意及说明

  • 如果在 .htaccess 文件中禁止了 Gzip 功能的话，那在 php.ini 文件中开启后也需在 .htaccess 文件中开启 Gzip，否则没有效果。
  • 开启 WordPress 的 Gzip 功能后，服务器将在页面传输前将页面压缩后传送，可以有效减少服务器的带宽使用，也可以加速页面下载。
  • 另外请注意只能选择一种方式来开启 WordPress Gzip 压缩，否则有可能造成冲突，请谨记。

经过测试，采用服务器压缩要比使用 PHP 压缩要更快，而且压缩之后更小。所以最好的方法还是直接让 Apache 直接进行 gzip 压缩。如果无法修改 Apache 的 httpd.conf 文件，再尝试去修改 php.ini 文件，最终才是使用修改 php 文件以及 WordPress hook 的方法。——wpjam大神

Gzip测试方法

以下代码可通过运行cdm测试。

整个页面测试代码

  1. curl -I -H "Accept-Encoding: gzip, deflate" "https://www.jjsoho.com/"  

css通过Gzip压缩测试代码

  1. curl -I -H "Accept-Encoding: gzip, deflate" "https://img.jjsoho.com/plugins/wpjam-basic/static/style.css"  

js通过Gzip压缩测试代码

  1. curl -I -H "Accept-Encoding: gzip, deflate" "https://img.jjsoho.com/plugins/wpjam-basic/static/script.js"  

图片通过Gzip压缩测试代码

  1. curl -I -H "Accept-Encoding: gzip, deflate" "https://img.jjsoho.com/uploads/2021/01/wordpresszmm.jpg"  

小于1K文件Gzip压缩测试代码

  1. curl -I -H "Accept-Encoding: gzip, deflate" "https://img.jjsoho.com/plugins/wpjam-basic/static/morris.css"  

写在最后：

终于写完了，看来目前还没有很完美的解决方案，大家可以根据自己的实际情况来选择用哪种方法，以上资料仅供参考，有问题请留言！！

Tips:

掘金网建议新手小白们不用太纠结有关技术层面的东西，这些技术自己如果实在无力拿下的话，完全可以付费来给你搞定的，掘金网目前就提供这样的付费技术支持服务《去付费》，花钱不多可以买个保障和安全，有需要的可以联系掘金网。

历史上的今天:

掘金网
  • 版权声明：本站原创文章，转载请保留出处和链接！
  • 本文链接：http://jjsoho.com/kqgzip/ 网赚有风险，投资需谨慎！