博客开启Gzip压缩：页面加载速度提升50%的实操方法

上个月有个读者跟我吐槽："我的博客打开太慢了，手机上要等3秒多，百度统计显示跳出率超过70%。"

我让他把网址发我看看。一测页面加载速度，好家伙，首页HTML文件就有180KB，图片还没算进去。

我问他："你开Gzip压缩了吗？"

他说："啥是Gzip？"

这就是很多博客新手容易忽略的问题。Gzip压缩能让你的页面体积缩小60%-70%，效果立竿见影。今天手把手教你怎么开。

Gzip到底是啥？为啥能让网站变快？

简单说，Gzip就是一种压缩算法。它把你网页的HTML、CSS、JavaScript文件"打包"一下，体积变小，传输到用户浏览器后再"解压"显示。

举个例子：

你的一篇博客文章HTML代码，没压缩前可能有50KB
用Gzip压缩后，可能只有15KB
用户浏览器下载这15KB，比下载50KB快多了

尤其是对于文字多的博客，Gzip的压缩效果特别明显，因为文字内容的重复性高，压缩比大。

我自己的博客开启Gzip后，页面加载时间从2.8秒降到了1.3秒，直接少了一半。百度统计的跳出率也从68%降到了42%。

怎么检查你的博客有没有开Gzip？

别瞎开，先检查一下你的网站是否已经开启了。

方法一：用浏览器开发者工具看

1. 打开你的博客，按F12打开开发者工具

2. 切换到"Network"（网络）标签

3. 刷新页面

4. 点击第一个请求（通常是你的域名）

5. 查看"Response Headers"（响应头）

6. 如果看到`content-encoding: gzip`，说明已经开了

方法二：用在线工具查

推荐用GTMetrix或者PageSpeed Insights，这两个工具会告诉你页面是否启用了压缩。

方法三：用命令行查

如果你懂一点命令行，可以用这个：

```bash

curl -H "Accept-Encoding: gzip" -I http://你的域名

```

如果返回的头部里有`Content-Encoding: gzip`，就说明开了。

宝塔面板开启Gzip（最简单的方法）

如果你用的是宝塔面板（大部分人的选择），开启Gzip只需要3步：

第一步：打开宝塔面板，进入"软件商店"

找到你安装的Web服务器（Nginx或Apache），点击"设置"。

第二步：找到"配置修改"

如果你用的是Nginx，在配置里加上这几行：

```nginx

gzip on;

gzip_min_length 1k;

gzip_buffers 4 16k;

gzip_http_version 1.1;

gzip_comp_level 2;

gzip_types text/plain text/css text/javascript application/javascript application/json application/xml;

gzip_vary on;

```

如果你用的是Apache，在`.htaccess`文件里加上：

```apache

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript

```

第三步：重启Web服务器

改完配置别忘了重启Nginx或Apache，不然不生效。

手动配置Nginx（没有宝塔的情况）

如果你没用宝塔，是手动配置的Nginx，那需要编辑Nginx的配置文件。

通常位置在`/etc/nginx/nginx.conf`或者`/etc/nginx/conf.d/default.conf`。

在`http`块里加上这段：

```nginx

gzip on;

gzip_disable "msie6";

博客开启Gzip压缩：页面加载速度提升50%的实操方法-第1张图片-无双博客

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

```

保存后，执行`nginx -s reload`重启Nginx。

压缩级别选多少合适？

注意到上面配置里的`gzip_comp_level`了吗？这个是用来控制压缩级别的，范围是1-9。

1-3：压缩速度快，但压缩比低（文件还是有点大）
4-6：平衡选择，压缩比不错，速度也不慢（推荐）
7-9：压缩比最高，但特别吃CPU，不推荐

我自己的博客用的是`gzip_comp_level 2`，因为我的VPS配置不高，不想给服务器太大压力。

如果你的服务器性能强，可以试试4-6。但别用9，那是自杀行为。

哪些文件该压缩，哪些不该？

不是所有文件都适合Gzip压缩。

适合压缩的：

HTML文件（必须的）
CSS文件（必须的）
JavaScript文件（必须的）
JSON、XML等文本数据（推荐的）

不适合压缩的：

图片（JPG、PNG、GIF）：这些文件本身就是压缩过的，再压也没用，浪费CPU
视频文件：同上
PDF文件：已经压缩过了

所以配置Gzip的时候，要指定`gzip_types`，别啥文件都压缩。

开启Gzip后怎么验证效果？

光开了不行，得验证是不是真的起作用了。

用Chrome开发者工具看：

1. 打开你的博客，F12打开开发者工具

2. 切换到"Network"标签

3. 刷新页面

4. 点击第一个请求，查看"Size"那一列

你会看到两个数字，比如：

```

15.2 KB / 48.6 KB

```

第一个数字（15.2 KB）是压缩后的大小
第二个数字（48.6 KB）是原始大小

如果这两个数字一样，说明Gzip没生效。如果不一样，而且第一个明显小很多，那就说明成功了。

用在线工具测试：

再用GTMetrix测一次，看看"Page Size"是不是变小了。

我自己的博客开启Gzip后，首页从180KB降到了52KB，效果非常明显。

常见问题排查

问题一：配置都改了，但Gzip就是不生效

可能的原因：

1. 配置改错地方了（Nginx和Apache的配置不一样）

2. 重启服务器没成功

3. 浏览器缓存没清（按Ctrl+Shift+R强制刷新）

4. CDN没开压缩（如果你用了Cloudflare之类的CDN，要在CDN里也开启压缩）

问题二：开启Gzip后网站变慢了

可能是压缩级别设太高了。把`gzip_comp_level`调低一点，试试2或者3。

问题三：有些页面开了，有些没开

检查你的`gzip_types`配置，是不是漏掉了某些文件类型。比如有些人的JavaScript文件是`.jsx`后缀，默认配置里没包含，就不会压缩。

进阶：配合Brotli压缩效果更好

Gzip是老牌压缩算法了，现在有个更新的算法叫Brotli，压缩比比Gzip还高20%-30%。

如果你的Web服务器支持（Nginx 1.11.7+就支持），可以同时开启Gzip和Brotli，让服务器根据浏览器的支持情况自动选择用哪个压缩算法。

不过这个配置稍微复杂一点，以后有机会再单独写一篇讲。

FAQ

Q：开启Gzip会不会增加服务器CPU负担？

A：会，但影响不大。压缩级别设2-3的话，现代服务器基本感觉不到。如果你的服务器配置特别低（比如那种一年几十块钱的VPS），可以关掉Gzip，优先保证服务器稳定。

Q：CDN和Gzip能不能同时用？

A：可以，而且推荐同时用。你可以在源服务器上开Gzip，也可以在CDN上开压缩，效果是一样的。但别两层都压，那样反而浪费资源。

Q：开启Gzip后，百度收录会变快吗？

A：间接影响。页面速度快了，用户体验好，跳出率低，百度会认为你的网站质量高，收录自然会快一些。但Gzip本身不会直接让百度蜘蛛爬得更快。

Q：我的博客用的是WordPress，有没有插件可以开启Gzip？

A：有。比如"WP Super Cache"和"W3 Total Cache"都有开启Gzip的选项。但建议还是在服务器层面开，效率更高。

Q：怎么看别人的网站有没有开Gzip？

A：用浏览器的开发者工具看，方法跟前面说的一样。或者用地质工具，比如HTTP Compress Check，输入网址就能查。

联系方式

有服务器配置问题欢迎交流，微信号：15207283116

标签：Gzip压缩, 网站速度优化, 宝塔面板

博客开启Gzip压缩：页面加载速度提升50%的实操方法