关于nginx:如何通过gzip和nginx来提高网站打开速度及整体性能

要晓得，网站的关上速度取决于浏览器关上下载的网页文件大小。如果传输的页面内容文件缩小，那你网站的关上速度肯定会放慢。特地是手机端的用户，关上网站速度受限于挪动端网络，所以压缩网站页面内容显得至关重要。

gzip是一种十分风行的数据压缩形式。你能够在nginx配置中开启gzip来压缩网页文件。而后，这些文件又由浏览器解压缩，文件不会受任何。然而压缩文件是会占用服务器资源，所以最好压缩那些成果比拟好的文件。比方文本文件压缩成果十分好，通常会放大两倍多。而JPG或PNG这类文件，自身就曾经进行格局压缩，所以再做二次压缩，成果并不是特地显著。

本文次要讲一下如何配置nginx来开启gzip压缩。

环境

• ubuntu 20.04服务器
• root权限或具备sudo特权的非root用户

一、创立测试文件

在这一步中，咱们将在默认的Nginx目录中创立几个测试文件。稍后咱们将应用这些文件来查看Nginx的默认行为是否进行gzip压缩，并测试配置更改是否具备预期的成果。

首先，创立几个测试文件，这些文件次要用来查看咱们的gzip压缩成果。gzip是不会剖析文件内容的，它次要通过文件扩展名来判断文件类型，如果还剖析文件内容，那整个效率就会大大降低。所以咱们能够创立一些图像文件、html文件和一些款式文件。

sudo truncate -s 1k /var/www/html/test.html
sudo truncate -s 1k /var/www/html/test.jpg
sudo truncate -s 1k /var/www/html/test.css
sudo truncate -s 1k /var/www/html/test.js

下一步是查看Nginx在应用咱们刚创立的文件在全新装置中压缩申请的文件时的行为。

二、命令形式查看压缩成果

应用curl命令形式，增加标头Accept-Encoding: gzip，来查看各文件的压缩后果。

curl -H "Accept-Encoding: gzip" -I http://localhost/test.html

能够看到以下后果：

Output
HTTP/1.1 200 OK
Server: nginx/1.18.0 (Ubuntu)
Date: Tue, 09 Feb 2021 19:04:25 GMT
Content-Type: text/html
Last-Modified: Tue, 09 Feb 2021 19:03:41 GMT
Connection: keep-alive
ETag: W/"6022dc8d-400"
Content-Encoding: gzip

在最初一行，呈现Content-Encoding: gzip字样。阐明服务器正在用gzip压缩来发送文件。默认状况下，nginx仅压缩html文件。所有在这个命令中能够看到文件做了压缩解决。但其它的文件格式，并未做压缩解决。
能够通过上面这条命令来验证咱们方才的说法。

curl -H "Accept-Encoding: gzip" -I http://localhost/test.jpg

再看一下后果，和之前的有所不同：

Output
HTTP/1.1 200 OK
Server: nginx/1.18.0 (Ubuntu)
Date: Tue, 09 Feb 2021 19:05:49 GMT
Content-Type: image/jpeg
Content-Length: 1024
Last-Modified: Tue, 09 Feb 2021 19:03:45 GMT
Connection: keep-alive
ETag: "6022dc91-400"
Accept-Ranges: bytes

输入后果中没有呈现Content-Encoding: gzip，这意味着该文件并没有做任何的压缩。
你也能够应用这个办法来测试css等款式文件。

curl -H "Accept-Encoding: gzip" -I http://localhost/test.css

后果一样，没有呈现Content-Encoding: gzip

Output
HTTP/1.1 200 OK
Server: nginx/1.18.0 (Ubuntu)
Date: Tue, 09 Feb 2021 19:06:04 GMT
Content-Type: text/css
Content-Length: 1024
Last-Modified: Tue, 09 Feb 2021 19:03:45 GMT
Connection: keep-alive
ETag: "6022dc91-400"
Accept-Ranges: bytes

三、配置Nginx开启gzip性能

本节次要操作相干配置，让gzip能够解决其它几种文件格式的压缩。

你能够应用nano或vim编辑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;
. . .

因为咱们用的是ubuntu 20.04。所以默认状况下，gzip是开启的。但有些设置有效，所以咱们须要做一些批改：

• 通过勾销正文行后面的#来启用其余设置（即，删除#符号）
• 增加gzip_min_length 256;参数，该参数是通知nginx，不要去压缩小于256字节的文件，因为很小的文件没有太必要。压缩这类文件反而影响服务器效率。
• 在gzip_types参数中增加其余文件类型扩展名，这些文件类型能够是Web字体，图片、XML、JSON结构化数据或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
  application/atom+xml
  application/geo+json
  application/javascript
  application/x-javascript
  application/json
  application/ld+json
  application/manifest+json
  application/rdf+xml
  application/rss+xml
  application/xhtml+xml
  application/xml
  font/eot
  font/otf
  font/ttf
  image/svg+xml
  text/css
  text/javascript
  text/plain
  text/xml;
. . .

保留并敞开文件以退出。要启用新配置，须要重新启动Nginx：

sudo systemctl restart nginx

四、确保所有的配置正确

反复之前的测试步骤，执行相应的命令申请：

curl -H "Accept-Encoding: gzip" -I http://localhost/test.html

因为html文件，之前曾经默认开启压缩，所以这个命令执行后果放弃不变：

Output
HTTP/1.1 200 OK
Server: nginx/1.18.0 (Ubuntu)
Date: Tue, 09 Feb 2021 19:04:25 GMT
Content-Type: text/html
Last-Modified: Tue, 09 Feb 2021 19:03:41 GMT
Connection: keep-alive
ETag: W/"6022dc8d-400"
Content-Encoding: gzip

而后咱们来测试一下之前未压缩的css样式表，看看后果会有什么变动：

curl -H "Accept-Encoding: gzip" -I http://localhost/test.css

能够看到gzip正在压缩文件：

Output
HTTP/1.1 200 OK
Server: nginx/1.18.0 (Ubuntu)
Date: Tue, 09 Feb 2021 19:21:54 GMT
Content-Type: text/css
Last-Modified: Tue, 09 Feb 2021 19:03:45 GMT
Connection: keep-alive
Vary: Accept-Encoding
ETag: W/"6022dc91-400"
Content-Encoding: gzip

咱们能够用雷同的形式测试一下jpg文件：

curl -H "Accept-Encoding: gzip" -I http://localhost/test.jpg

没有看到gzip压缩：

Output
HTTP/1.1 200 OK
Server: nginx/1.18.0 (Ubuntu)
Date: Tue, 09 Feb 2021 19:25:40 GMT
Content-Type: image/jpeg
Content-Length: 1024
Last-Modified: Tue, 09 Feb 2021 19:03:45 GMT
Connection: keep-alive
ETag: "6022dc91-400"
Accept-Ranges: bytes

因为在之前的配置中，咱们并没有增加 image/jpeg。
在这种状况下，咱们曾经在Nginx中胜利配置了gzip。

论断

能够看出，gzip很容易配置，而且带来的速度晋升也非常明显，我在本人的网站www.academicphd.com都增加了这类参数。

搜索引擎也十分喜爱这类加载形式，如果想进步搜索引擎的排名，减少gzip是十分有必要的。