要晓得,网站的关上速度取决于浏览器关上下载的网页文件大小。如果传输的页面内容文件缩小,那你网站的关上速度肯定会放慢。特地是手机端的用户,关上网站速度受限于挪动端网络,所以压缩网站页面内容显得至关重要。
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.htmlsudo truncate -s 1k /var/www/html/test.jpgsudo truncate -s 1k /var/www/html/test.csssudo truncate -s 1k /var/www/html/test.js
下一步是查看Nginx在应用咱们刚创立的文件在全新装置中压缩申请的文件时的行为。
二、命令形式查看压缩成果
应用curl命令形式,增加标头Accept-Encoding: gzip,来查看各文件的压缩后果。
curl -H "Accept-Encoding: gzip" -I http://localhost/test.html
能够看到以下后果:
OutputHTTP/1.1 200 OKServer: nginx/1.18.0 (Ubuntu)Date: Tue, 09 Feb 2021 19:04:25 GMTContent-Type: text/htmlLast-Modified: Tue, 09 Feb 2021 19:03:41 GMTConnection: keep-aliveETag: W/"6022dc8d-400"Content-Encoding: gzip
在最初一行,呈现Content-Encoding: gzip
字样。阐明服务器正在用gzip压缩来发送文件。默认状况下,nginx仅压缩html文件。所有在这个命令中能够看到文件做了压缩解决。但其它的文件格式,并未做压缩解决。
能够通过上面这条命令来验证咱们方才的说法。
curl -H "Accept-Encoding: gzip" -I http://localhost/test.jpg
再看一下后果,和之前的有所不同:
OutputHTTP/1.1 200 OKServer: nginx/1.18.0 (Ubuntu)Date: Tue, 09 Feb 2021 19:05:49 GMTContent-Type: image/jpegContent-Length: 1024Last-Modified: Tue, 09 Feb 2021 19:03:45 GMTConnection: keep-aliveETag: "6022dc91-400"Accept-Ranges: bytes
输入后果中没有呈现Content-Encoding: gzip
,这意味着该文件并没有做任何的压缩。
你也能够应用这个办法来测试css等款式文件。
curl -H "Accept-Encoding: gzip" -I http://localhost/test.css
后果一样,没有呈现Content-Encoding: gzip
OutputHTTP/1.1 200 OKServer: nginx/1.18.0 (Ubuntu)Date: Tue, 09 Feb 2021 19:06:04 GMTContent-Type: text/cssContent-Length: 1024Last-Modified: Tue, 09 Feb 2021 19:03:45 GMTConnection: keep-aliveETag: "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文件,之前曾经默认开启压缩,所以这个命令执行后果放弃不变:
OutputHTTP/1.1 200 OKServer: nginx/1.18.0 (Ubuntu)Date: Tue, 09 Feb 2021 19:04:25 GMTContent-Type: text/htmlLast-Modified: Tue, 09 Feb 2021 19:03:41 GMTConnection: keep-aliveETag: W/"6022dc8d-400"Content-Encoding: gzip
而后咱们来测试一下之前未压缩的css样式表,看看后果会有什么变动:
curl -H "Accept-Encoding: gzip" -I http://localhost/test.css
能够看到gzip
正在压缩文件:
OutputHTTP/1.1 200 OKServer: nginx/1.18.0 (Ubuntu)Date: Tue, 09 Feb 2021 19:21:54 GMTContent-Type: text/cssLast-Modified: Tue, 09 Feb 2021 19:03:45 GMTConnection: keep-aliveVary: Accept-EncodingETag: W/"6022dc91-400"Content-Encoding: gzip
咱们能够用雷同的形式测试一下jpg文件:
curl -H "Accept-Encoding: gzip" -I http://localhost/test.jpg
没有看到gzip
压缩:
OutputHTTP/1.1 200 OKServer: nginx/1.18.0 (Ubuntu)Date: Tue, 09 Feb 2021 19:25:40 GMTContent-Type: image/jpegContent-Length: 1024Last-Modified: Tue, 09 Feb 2021 19:03:45 GMTConnection: keep-aliveETag: "6022dc91-400"Accept-Ranges: bytes
因为在之前的配置中,咱们并没有增加 image/jpeg。
在这种状况下,咱们曾经在Nginx中胜利配置了gzip。
论断
能够看出,gzip很容易配置,而且带来的速度晋升也非常明显,我在本人的网站www.academicphd.com都增加了这类参数。
搜索引擎也十分喜爱这类加载形式,如果想进步搜索引擎的排名,减少gzip是十分有必要的。