Published on

Nginx压缩优化指南：使用Gzip和Brotli提升网站性能

Authors
  • Name
    Twitter

在当今的互联网环境中，网站性能直接影响用户体验和搜索引擎排名。作为广泛使用的web服务器，Nginx提供了强大的压缩功能，特别是通过Gzip和Brotli算法，可以显著提升网站加载速度。本文将深入探讨如何在Nginx中启用和优化这两种压缩方法。

为什么要使用压缩？

在传输数据之前进行压缩可以减少传输的数据量，从而：

  1. 加快页面加载速度
  2. 减少带宽使用
  3. 提高网站响应性
  4. 改善用户体验

Nginx支持两种主要的压缩方法：Gzip和Brotli。让我们详细了解如何配置这两种方法。

启用Gzip压缩

Gzip是一种广泛支持的压缩算法，几乎所有现代浏览器都支持它。以下是在Nginx中启用Gzip的步骤：

  1. 打开Nginx配置文件（通常是/etc/nginx/nginx.conf或/etc/nginx/sites-available/default）。

  2. 在http或server或location块中添加以下配置：

gzip on;
gzip_comp_level 6;
gzip_min_length 1000;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript image/svg+xml;
gzip_vary on;
gzip_proxied any;
gzip_disable "msie6";

让我们逐行解释这个配置：

  • gzip on; 启用Gzip压缩。
  • gzip_comp_level 6; 设置压缩级别，范围是1-9，6是推荐的压缩级别，在压缩率和CPU负载之间取得良好平衡。
  • gzip_min_length 1000; 设置需要压缩的最小响应大小，这里设置为1000字节。
  • gzip_types ... 指定要压缩的MIME类型。
  • gzip_vary on; 添加"Vary: Accept-Encoding"响应头。
  • gzip_proxied any; 启用对代理请求的响应进行压缩。
  • gzip_disable "msie6"; 针对IE6等旧浏览器禁用Gzip。

启用Brotli压缩

Brotli是一种更新的压缩算法，通常比Gzip提供更高的压缩率。然而，它需要额外的步骤来安装和配置。

  1. 首先，确保您的Nginx版本支持动态模块。

  2. 安装Brotli模块。在Ubuntu系统上，可以使用以下命令：

    sudo apt-get install nginx-module-brotli

  3. 在Nginx配置文件的顶部加载Brotli模块：

    load_module modules/ngx_http_brotli_filter_module.so;
load_module modules/ngx_http_brotli_static_module.so;

  4. 在http、server或location块中添加Brotli配置：

    brotli on;
brotli_comp_level 6;
brotli_types text/plain text/css application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript image/x-icon image/vnd.microsoft.icon image/bmp image/svg+xml;
brotli_min_length 256;

这个配置类似于Gzip，但针对Brotli算法进行了优化。

同时使用Gzip和Brotli

最佳实践是同时启用Gzip和Brotli。这样可以确保最广泛的浏览器兼容性，同时为现代浏览器提供最佳的压缩性能。以下是如何在Nginx中同时配置这两种压缩方法的详细步骤：

  1. 确保模块已安装

    首先，确保您的Nginx已安装Brotli模块。Gzip通常是默认包含的。

  2. 加载Brotli模块

    在Nginx配置文件的顶部（通常是/etc/nginx/nginx.conf）添加：

    
load_module modules/ngx_http_brotli_filter_module.so;

load_module modules/ngx_http_brotli_static_module.so;

  3. 配置Gzip和Brotli

    在http、server或location块中添加以下配置：

    
# Gzip Settings

gzip on;

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

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

# Brotli Settings

brotli on;

brotli_comp_level 6;

brotli_types text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;

  4. 设置最小压缩大小

    为了避免对非常小的文件进行不必要的压缩，设置一个最小大小：

    
gzip_min_length 256;

brotli_min_length 256;

  5. 启用静态压缩

    如果您有大量静态内容，可以启用预压缩功能：

    
gzip_static on;

brotli_static on;

    这将允许Nginx直接服务预先压缩的.gz和.br文件。

  6. 配置浏览器支持

    为了确保对旧浏览器的兼容性：

    
gzip_disable "msie6";

  7. 优化压缩顺序

    确保Brotli在Gzip之前尝试，因为它通常提供更好的压缩率：

    
brotli_types *;

gzip_types *;

  8. 完整配置示例

    
# Load Brotli module

load_module modules/ngx_http_brotli_filter_module.so;

load_module modules/ngx_http_brotli_static_module.so;

http {

    # Gzip Settings

    gzip on;

    gzip_vary on;

    gzip_proxied any;

    gzip_comp_level 6;

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

    gzip_min_length 256;

    gzip_disable "msie6";

    # Brotli Settings

    brotli on;

    brotli_comp_level 6;

    brotli_types text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;

    brotli_min_length 256;

    # Enable static compression

    gzip_static on;

    brotli_static on;

    # Optimize compression order

    brotli_types *;

    gzip_types *;

    # Other Nginx settings...

}

  9. 测试配置

    在应用这些更改之前，使用以下命令测试你的Nginx配置：

    
nginx -t

  10. 重新加载Nginx

    如果测试通过，重新加载Nginx以应用更改：

    
sudo systemctl reload nginx

通过这种配置，当客户端支持Brotli时，Nginx将优先使用Brotli压缩。对于不支持Brotli的客户端，Nginx将回退到使用Gzip。这确保了最佳的压缩效果和最广泛的浏览器兼容性。

记住，虽然压缩可以显著提高性能，但它也会增加服务器的CPU负载。在生产环境中实施这些更改时，请密切监控服务器性能，并根据需要进行调整。

验证压缩是否生效

配置完成后，可以使用以下方法验证压缩是否生效：

  1. 使用curl命令：

    curl -H "Accept-Encoding: gzip" -I http://your-website.com

    查看响应头中是否包含Content-Encoding: gzip。

  2. 使用浏览器开发者工具，查看网络请求的响应头。

结论

通过正确配置Nginx的Gzip和Brotli压缩功能，你可以显著提升网站的加载速度和性能。记得在进行任何更改后测试你的配置，并监控服务器性能，以确保压缩设置不会过度消耗服务器资源。

优化是一个持续的过程，定期检查和调整你的Nginx配置，以保持最佳性能。如果你有任何问题或需要进一步的说明，请随时在评论中提出！