Code前端首页关于Code前端联系我们

Nginx_Apache_php_WordPress_宝塔面板启用Gzip及测试方法

terry 2年前 (2023-09-28) 阅读数 57 #未命名

如何在WordPress网站上启用Gzip压缩以加快传输速度。

如何在Nginx中启用Gzip

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

金哥请简单解释一下。不要问我为什么只讲解Nginx,因为我就是用的!

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

值得一提的是,如果您使用宝塔面板,它会默认为您启用Gzip压缩功能,如下图所示:

Nginx _Apache_php_WordPress_宝塔面板开启Gzip及测试方法

如何在Apache中启用Gzip

请确保先使确保你的 Apache 加载了 mod_deflate 模块,然后将以下代码加载到 httpd.conf 代码中:

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

如果你没有权限更改你的主机,你也可以复制上面的代码来复制.htaccess 文件复制到网站的根目录中。

在PHP中启用Gzip

如果修改Apache httpd.conf文件不起作用,可以修改PHP的php.ini方法:

打开PHP目录下的php.ini文件,搜索兹库。 output_compression = Off,改为zlib.output_compression = On然后去掉前面的;zlib.output_compression_level;并将后面的-1改为1-9的值。 1 的压缩比最低,建议使用 5。这将为所有 PHP 页面启用 gzip 效果。

如果无法修改php.ini文件,可以在需要gzip压缩的PHP文件头部添加以下内容:

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

即可实现php页面的gzip压缩。

在WordPress中启用Gzip

如果以上方法都不起作用,请将以下代码复制到当前主题的functions.php文件中,以实现WordPress全站gzip压缩:

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

htaccess将启用Gzip压缩

编辑站点根目录中的 .htaccess 文件,并在末尾添加三个代码之一。
代码 1

1
php_value output_handler ob_gzhandler

代码 2

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

代码 3

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

在 WordPress 插件中启用 Gzip

有许多插件可以启用 Gzip。金哥给大家举几个他亲自尝试过的例子。适合不适合,都得自己去尝试。

WP Super Cache 插件

如果您的 WordPress 安装了 WP Super Cache 缓存插件,您可以在 WP Super Cache 设置中压缩页面→选中高级选项,以便更快地为访问者提供服务。 (推荐)1项,这个也可以启用Gzip压缩。想必很多人都看过,但是金哥不想截图!

WP 性能插件

如果您使用WP 性能插件,那就更容易了。只需检查插件设置主页上的

Nginx _Apache_php_WordPress_宝塔面板开启Gzip及测试方法

Gzippy Plugin

即可。如果您使用 Gzippy 插件,只需启动该插件即可。

在索引上启用 Gzip

通过编辑 WordPress 根文件index.php启用 Gzip 压缩。这是金哥最愚蠢的想法!

为什么?众所周知,更新WordPress就像换内衣一样,三天更新一次。每次更新都得改。你认为这是最愚蠢的方法吗?如果以上方法都不适合你,不妨试试这个方法!

进入WordPress网站根目录,编辑index.php文件,找到

1
define(’WP_USE_THEMES’, true);

,添加:

1
2
//WordPress站点加速之开启Gzip压缩加快传输 - https://www.dujin.org/12613.html
ob_start(‘ob_gzhandler’)

金哥,请在上面添加一个地址,免得你忘记这句话的意思。升级 WordPress 后不要忘记将其添加回来!

使用Gzip的注意事项和说明

  • 如果在.htaccess文件中禁用了Gzip功能,则在启用php.ini文件中禁用Gzip后,还必须在.htaccess文件中启用Gzip,否则没有效果。
  • 启用WordPress的Gzip功能后,服务器会在发送前对页面进行压缩,可以有效减少服务器带宽占用,加快页面下载速度。
  • 另请注意,您只能选择一种方式启用 WordPress Gzip 压缩,否则可能会发生冲突。

经测试,使用服务器压缩比使用PHP压缩速度更快,而且压缩后更小。所以最好的办法就是让Apache直接做gzip压缩。如果无法修改Apache的httpd.conf文件,可以尝试修改php.ini文件,最后使用修改php文件和WordPress hook的方法。 ——wpjam master

Gzip测试方法

可以通过运行cdm来测试以下代码。
整个页面测试代码

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

Gzip 测试代码压缩的 css

1
curl -I -H "Accept-Encoding: gzip, deflate" "https://www.dujin.org/wp-content/plugins/wpjam-basic/static/style.css"

Gzip 测试代码压缩的 js

1
curl -I -H "Accept-Encoding: gzip, deflate" "https://www.dujin.org/wp-content/plugins/wpjam-basic/static/script.js"

Gzip 测试代码压缩的图片

1
curl -I -H "Accept-Encoding: gzip, deflate" "https://www.dujin.org/wp-content/uploads/2019/01/wordpresszmm.jpg"

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

1
curl -I -H "Accept-Encoding: gzip, deflate" "https://www.dujin.org/wp-content/plugins/wpjam-basic/static/morris.css"

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

热门