佛利斯博客

如何给WordPress开启Gzip压缩加速

以前写过一篇 WordPress之页面加载速度优化 ,里边提到了gzip优化,当时给的是万戈博客的外链,他那里一堆Gzip的文章,每次找都要打开一遍,很麻烦。今天整理一下,转到我的博客,以防文章丢失。(哈哈,我这算不算乌鸦嘴呢?)

开启Gzip有什么好处呢?

答:Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理,这样就会减小通过网络传输的数据量,提高浏览的速度。

如何给Wordpress开启Gzip压缩功能呢?

方法1:利用Cpanel开启Gzip加速(从冰剑博客那抄来的)

如果大家用的是国外空间,那么你将会很容易的打开这项功能,因为 Cpanel 里边自带了Gzip压缩功能。

1、在 Cpanel 中找到 Optimize Website

2、选择 Compress all content 即可

方法2:利用 PHP 与 .htacess 开启 Gzip 加速 (万戈的方法)

1、下载 gzip.zip,解压后上传至网站根目录。

2、修改根目录的.htaccess,增加gz的识别支援及网址改写:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
#識辨gz檔案的支援
<Files *.js.gz>
  AddEncoding gzip .js
  ForceType application/x-javascript
</Files>
<Files *.css.gz>
  AddEncoding gzip .css
  ForceType text/css
</Files>

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /

#wordpress靜態網址,如果沒有使用,就略過
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

#讀到css和js檔,就重導至gzip.php
RewriteRule (.*.css$|.*.js$) gzip.php?$1 [L]

#讀到.css,判斷如果瀏覽器支援gzip且.css.gz檔存在,就進行重導
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*).css $1.css.gz [L,QSA]

#讀到.js,判斷如果瀏覽器支援gzip且.js.gz檔存在,就進行重導
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*).js $1.js.gz [L,QSA]
</IfModule>

3、浏览自己的网站,让CSS和JS产生gz档,并将相应的.gz文件权限设置为777。

4、最后,再次改写.htaccess,把以下代码注释掉或删除。

1
RewriteRule (.*.css$|.*.js$) gzip.php?$1 [L]

如果今后动了模板的CSS或JS后,还要还原那句代码并重做第3、4步。所以该方法稍有些复杂,比较适合像我一样喜欢折腾Wordpress的童鞋们。

开启完GZIP,可以去站长工具那测试一下,地址如下:
http://tool.chinaz.com/Gzips/

退出移动版