如何在Ubuntu14.04上将gzip模块添加到Nginx
介绍
网站的加载速度取决于浏览器必须下载的所有文件的大小。 减少要传输的文件的大小不仅可以使网站加载速度更快,而且对于那些必须为带宽使用付费的人来说也更便宜。
gzip 是一个流行的数据压缩程序。 您可以将 Nginx 配置为使用 gzip
来压缩它即时提供的文件。 然后,这些文件在检索时由支持它的浏览器解压缩,没有任何损失,但好处是在 Web 服务器和浏览器之间传输的数据量较小。
由于一般压缩的工作方式,以及 gzip
的工作方式,某些文件的压缩效果比其他文件更好。 例如,文本文件的压缩效果非常好,结果通常会缩小两倍以上。 另一方面,JPEG 或 PNG 文件等图像已经按其性质进行了压缩,使用 gzip
进行的第二次压缩几乎没有结果。 压缩文件会占用服务器资源,因此最好只压缩那些会显着减小其大小的文件。
在本指南中,我们将讨论如何配置安装在 Ubuntu 14.04 服务器上的 Nginx,以利用 gzip
压缩来减少发送给网站访问者的内容大小。
先决条件
要遵循本教程,您将需要:
- 一台带有 sudo 非 root 用户 的 Ubuntu 14.04 服务器
- 按照 如何在 Ubuntu 14.04 上安装 Nginx 教程 在您的服务器上安装 Nginx
第 1 步 - 创建测试文件
在这一步中,我们将在默认的 Nginx 目录中创建几个测试文件,用于文本 gzip
的压缩。
为了决定通过网络提供哪种文件,Nginx 不会分析文件内容,因为它不够快。 相反,它只是查找文件扩展名以确定其 MIME 类型,它表示文件的用途。
由于这种行为,测试文件的内容是不相关的。 通过适当地命名文件,我们可以欺骗 Nginx 认为一个完全空的文件是图像,而另一个是样式表。
在我们的配置中,Nginx 不会压缩非常小的文件,因此我们将创建大小正好为 1 KB 的测试文件。 这将允许我们验证 Nginx 是否在它应该使用的地方使用压缩,压缩一种类型的文件而不使用其他类型的文件。
使用 truncate
在默认 Nginx 目录中创建一个名为 test.html
的 1 KB 文件。 扩展名表示它是一个 HTML 页面。
sudo truncate -s 1k /usr/share/nginx/html/test.html
让我们以同样的方式再创建几个测试文件:一个 jpg
图像文件、一个 css
样式表和一个 js
JavaScript 文件。
sudo truncate -s 1k /usr/share/nginx/html/test.jpg sudo truncate -s 1k /usr/share/nginx/html/test.css sudo truncate -s 1k /usr/share/nginx/html/test.js
第 2 步 — 检查默认行为
下一步是检查 Nginx 在使用我们刚刚创建的文件进行全新安装时的压缩行为。
让我们检查一下名为 test.html
的 HTML 文件是否经过压缩处理。 该命令从我们的 Nginx 服务器请求一个文件,并指定可以使用 HTTP 标头 (Accept-Encoding: gzip
) 提供 gzip
压缩内容。
curl -H "Accept-Encoding: gzip" -I http://localhost/test.html
作为响应,您应该会看到几个 HTTP 响应标头:
Nginx 响应头
HTTP/1.1 200 OK Server: nginx/1.4.6 (Ubuntu) Date: Tue, 19 Jan 2016 20:04:12 GMT Content-Type: text/html Last-Modified: Tue, 04 Mar 2014 11:46:45 GMT Connection: keep-alive Content-Encoding: gzip
在最后一行,您可以看到 Content-Encoding: gzip
标头。 这告诉我们已使用 gzip
压缩来发送此文件。 这是因为在 Ubuntu 14.04 上,Nginx 在安装后使用默认设置自动启用了 gzip
压缩。
但是,默认情况下,Nginx 只压缩 HTML 文件。 全新安装上的所有其他文件都将以未压缩的形式提供。 为了验证这一点,您可以以相同的方式请求我们名为 test.jpg
的测试图像。
curl -H "Accept-Encoding: gzip" -I http://localhost/test.jpg
结果应该与以前略有不同:
Nginx 响应头
HTTP/1.1 200 OK Server: nginx/1.4.6 (Ubuntu) Date: Tue, 19 Jan 2016 20:10:34 GMT Content-Type: image/jpeg Content-Length: 0 Last-Modified: Tue, 19 Jan 2016 20:06:22 GMT Connection: keep-alive ETag: "569e973e-0" Accept-Ranges: bytes
输出中没有 Content-Encoding: gzip
标头,这意味着该文件是在未压缩的情况下提供的。
您可以使用测试 CSS 样式表重复测试。
curl -H "Accept-Encoding: gzip" -I http://localhost/test.css
再一次,输出中没有提到压缩。
CSS文件的Nginx响应头
HTTP/1.1 200 OK Server: nginx/1.4.6 (Ubuntu) Date: Tue, 19 Jan 2016 20:20:33 GMT Content-Type: text/css Content-Length: 0 Last-Modified: Tue, 19 Jan 2016 20:20:33 GMT Connection: keep-alive ETag: "569e9a91-0" Accept-Ranges: bytes
第 3 步 — 配置 Nginx 的 gzip 设置
下一步是将 Nginx 配置为不仅提供压缩的 HTML 文件,还提供其他可以从压缩中受益的文件格式。
要更改 Nginx gzip
配置,请在 nano
或您喜欢的文本编辑器中打开主 Nginx 配置文件。
sudo nano /etc/nginx/nginx.conf
找到 gzip
设置部分,如下所示:
/etc/nginx/nginx.conf
. . . ## # `gzip` Settings # # gzip on; gzip_disable "msie6"; # 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/x-javascript text/xml application/xml application/xml+rss text/javascript; . . .
您可以看到默认情况下,gzip
压缩是由 gzip on
指令启用的,但是有几个附加设置用 #
注释符号注释掉。 我们将对本节进行一些更改:
- 通过取消对所有注释行的注释来启用附加设置(即,通过删除行首的
#
) - 添加
gzip_min_length 256;
指令,告诉 Nginx 不要压缩小于 256 字节的文件。 这是非常小的文件几乎无法从压缩中受益。 - 将
gzip_types
指令附加到表示 Web 字体、ico
图标和 SVG 图像的其他文件类型。
应用这些更改后,设置部分应如下所示:
/etc/nginx/nginx.conf
. . . ## # `gzip` Settings # # gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_http_version 1.1; gzip_min_length 256; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon; . . .
保存并关闭文件以退出。
要启用新配置,请重新启动 Nginx。
sudo service nginx restart
第 4 步 — 验证新配置
下一步是检查对配置的更改是否按预期工作。
我们可以像在第 2 步中所做的那样对其进行测试,方法是在每个测试文件上使用 curl
并检查 Content-Encoding: gzip
标头的输出。
curl -H "Accept-Encoding: gzip" -I http://localhost/test.html curl -H "Accept-Encoding: gzip" -I http://localhost/test.jpg curl -H "Accept-Encoding: gzip" -I http://localhost/test.css curl -H "Accept-Encoding: gzip" -I http://localhost/test.js
现在只有图像文件 test.jpg
应该保持未压缩状态。 在所有其他示例中,您应该能够在输出中找到 Content-Encoding: gzip
标头。
如果是这样,你已经成功在 Nginx 中配置了 gzip
压缩!
结论
更改 Nginx 配置以完全使用 gzip
压缩很容易,但好处可能是巨大的。 不仅带宽有限的访问者会更快地接收网站,而且谷歌也会对网站加载速度更快感到高兴。 速度作为现代网络的重要组成部分越来越受到关注,使用 gzip
是改进它的一大步。