Nginx静态资源压缩配置

1. 静态资源类型

类型种类
浏览器端渲染HTML CSS JS
图片GIF PNG …
视频FLV. MP4…
文件TXT…

2. 静态资源配置语法

1 sendfile
提高数据从硬盘写到到网络socket上的效率。

Syntax:	sendfile	on	|	off;
Default:	sendfile	off;
Context:	http,	server,	location,	if in	location

2 tcp_nopush
sendfile开启情况下, 提⾼网络包的“传输效率”。
举例:如10个人需要发快递,不开启nopush,快递员一次取一个需要发送的快递然后去发件,而开启nopush,快递员一次取完所有要发送的快递去发件。

Syntax:	tcp_nopush	on	|	off;
Default:	tcp_nopush	off;
Context:	http,	server,	location

3 tcp_nodelay
和tcp_nopush相反,需要实时传输数据包,提高网络传输的实时性。需要开启keepalive。

Syntax:	tcp_nodelay	on	|	off;
Default:	tcp_nodelay	on;
Context:	http,	server,	location

3. 静态资源压缩

Nginx 将响应报文发送至客户端之前可以启用压缩功能,这能够有效地节约带宽,并提高响应至客户端的速度。但是需要消耗一定的服务器性能。压缩后的资源在客户端浏览器会自动识别并解压。

gzip 压缩配置语法:

Syntax:	gzip	on	|	off;
Default:	gzip	off;
Context:	http,	server,	location,	if	in	location

预读gzip功能,先压缩资源,再去访问:

Syntax:	gzip_static	on	|	off	|	always;
Default:	gzip_static	off;
Context:	http,	server,	location

4. 图片/文件压缩配置

location	~	.*\.(jpg|gif|png)$	{
#location	~	.*\.(txt|xml)$	{ #文件匹配
	gzip on;                   #开启gzip
	gzip_http_version	1.1;   #压缩适用HTTP协议版本
	gzip_comp_level	2;         #压缩比率
	gzip_types text/plain	application/json	application/x-javascript	app
	lication/css	application/xml	application/xml+rss text/javascript	application/x-http
	d-php	image/jpeg	image/gif	image/png;
	root 图片存放目录;
}

访问同一个test.txt资源,开启压缩和不开启压缩,文件传输的大小对比如下图:
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值