专注网络安全|安全运维|建站技术|黑客教程|资源分享等综合站长学习平台
老龙博客

网站首页 安全运维 WEB运维 正文

怎么样可以通过gzip和nginx提高网站打开速度和整体性能呢?

老龙 2021-03-24 WEB运维 145 ℃ 0 评论

您应该知道,网站的打开速度取决于浏览器下载的网页文件的大小。 

如果传输的页面内容文件减少,则您网站的打开速度肯定会提高。 

特别是对于移动用户,网站的开放速度受到移动网络的限制,因此压缩网站页面的内容非常重要。流行的数据压缩方法。 

您可以在nginx配置中启用gzip来压缩Web文件。 

然后,这些文件将被浏览器解压缩,并且这些文件将不会受到任何影响。 

但是,压缩文件会占用服务器资源,因此最好压缩这些文件以获得更好的结果。 

例如,文本文件压缩得很好,通常压缩两次以上。 

而且JPG或PNG之类的文件已被格式化,因此如果进行二次压缩,效果不是特别明显。  

本文主要讨论如何配置nginx启用gzip压缩。  

 surroundings  ## ubuntu 20.04服务器 

具有sudo特权的root特权或非root用户 ## #第一步,创建一个测试文件 

在此步骤中,我们将在默认的Nginx目录中创建多个测试文件。 

我们稍后将使用这些文件来检查Nginx的默认行为是否为gzip压缩,并测试配置更改是否具有预期的效果。  

首先,创建一些测试文件,这些文件主要用于查看我们的gzip压缩效果。 

 gzip不分析文件内容,它主要通过文件扩展名判断文件类型。如果还分析文件内容,则总体效率将大大降低。 

因此我们可以创建一些图像文件,html文件和某些样式文件。  ## sudo truncate -s 1k /var/www/html/test.html\\r\\n## #sudo truncate -s 1k /var/www/html/test.jpg\\r\\n

sudo truncate -s 1k /var/www/html/test.css\\r\\n

sudo truncate -s 1k /var/www/html/test.js\\r\\n

下一步是使用我们刚创建的文件在全新安装中压缩请求的文件时检查Nginx的行为。 n 

 2。通过命令查看压缩效果 

使用curl命令方法添加标题Accept-Encoding:gzip以查看每个文件的压缩结果。  

 curl -H接受编码:gzip -I http://localhost/test.html    

您可以看到以下结果:  

 Output  

 HTTP / 1.1 200 OK  

服务器:nginx / 1.18.0 Ubuntu  

日期:T 

星期二,2021年2月9日19:04:25 GMT  

 Content-Type:text / html  

 Last-Modified:Tue,2021年2月9日19:03:41 GMT  

连接:keep-alive  

 E标签:W / 6022dc8d-400  

内容编码:gzip  

最后一行中的内容-编码:出现gzip。 

服务器正在使用gzip压缩来发送文件。 

默认情况下,nginx仅压缩html文件。 

 All在此命令中,您可以看到文件已被压缩。 

但是,其他文件格式不会被压缩。  

您可以使用以下命令来验证我们刚才所说的内容。  

 curl -H接受编码:gzip -I http://localhost/test.jpg    

再次查看结果,它与上一个不同:  

 Output  

 HTTP / 1.1 200 OK  

服务器:nginx / 1.18.0 Ubuntu  

日期:星期二,2021年2月9日19: 05:49 GMT  

内容类型:图片/ jpeg  

内容长度:1024  

上次修改时间:2021年2月9日,星期二19:03: 45 GMT  

连接:keep-alive  

 ETag:6022dc91-400  

接受范围:字节 

内容编码:gzip不会出现在输出结果中,这意味着该文件没有以任何方式压缩。  

您还可以使用此方法测试样式文件,例如css。  

 curl -H接受编码:gzip -I http://localhost/test.css  

结果相同,内容编码:gzip没有出现  

输出 

 HTTP / 1.1 200 OK  

服务器:nginx / 1.18.0 Ubuntu  

 Date :星期二,2021年2月9日19:06:04 GMT  

 Content-Type:text / css  

 Content-Length:1024  

最后修改:Tue ,2021年2月9日19:03 

:45 GMT  

连接:keep-alive  

 ETag:6022dc91-400  

接受范围:字节   

三,配置Nginx以启用gzip功能 

这部分主要操作相关的配置,以便gzip可以处理其他几种文件格式的压缩。  ## #您可以使用nano或vim编辑nginx配置文件。  

 sudo nano /etc/nginx/nginx.conf\\r\\n   

查找gzip设置部分,如下所示:  

 / etc / nginx / nginx.conf   ## ......   

`gzip`设置   

 gzip开启;  

 gzip_disable msie6;    

 gzip_vary on;  

 gzip_proxied any;  

 gzip_comp_level 6;  

 gzip_buffers 16 8k;  

 gzip_http_version 1.1;  ## #gzip_types文本/纯文本/ css应用程序/ json应用程序/ x-javascript文本/ xml应用程序/ xml应用程序/ xml + rss文本/javascript;\\r\\n

...\\r\\n

因为我们正在使用ubuntu 20.04。 

因此,默认情况下,gzip是打开的。 

但是某些设置无效,因此我们需要进行一些修改:  

通过取消注释上一行来启用其他设置,即删除符号 

添加gzip_min_length 256;参数,此参数告诉nginx不要压缩小于256字节的文件,因为不需要很小的文件。 

压缩此类文件会影响服务器效率。 

将其他文件类型扩展名添加到gzip_types参数。这些文件类型可以是Web字体,图像,XML,JSON结构化数据或SVG图像文件。 

应用这些更改后,设置部分应如下所示: 

# ## / etc / nginx / nginx.conf   

 ...   

`gzip`设置   

 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重新启动Nginx    

第四,确保所有配置正确 

重复前面的测试步骤并执行相应的命令请求:  ## curl -H接受编码:gzip -I http:// localhost / test .html  

因为以前默认情况下已压缩html文件,所以此命令的执行结果保持不变:  

 Output  

 HTTP / 1.1 200 OK  

服务器:nginx / 1.18.0 Ubuntu  

日期:2021年2月9日,星期二19:04:25 GMT  

 Content-Type:文本/ html  

 Last-Modified:Tue,09 Feb 2021 19:03:41 GMT  

 Connection:keep-alive  

 ETag:W / 6022dc8d-400  

 Content-Encoding:gzip  

然后让\\ u0027s测试先前未压缩的CSS样式表,看看结果将是什么变化:  

 

我在自己的网站www.academicphd.com都添加了这类参数。

如何通过gzip和nginx来提高网站打开速度及整体性能 Nginx -铁匠运维网 怎么样可以通过gzip和nginx提高网站打开速度和整体性能呢?  启用gzip nginx环境 网站的打开速度 第1张

 

搜索引擎也非常喜欢这类加载方式,如果想提高搜索引擎的排名,增加gzip是非常有必要的。


Tags:启用gzipnginx环境网站的打开速度

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

搜索
最近发布
标签列表
站点信息
  • 文章总数:101
  • 页面总数:3
  • 分类总数:29
  • 标签总数:271
  • 评论总数:4
  • 浏览总数:5277