Nginx 静态资源

本文详细介绍了Nginx配置处理静态资源的优化策略,包括静态资源类型、场景、配置语法,以及文件压缩、浏览器缓存、跨域访问和防盗链设置。重点讨论了gzip压缩、静态资源缓存控制和跨域访问的Nginx配置方法,旨在提高静态资源的传输效率和安全性。
摘要由CSDN通过智能技术生成

静态资源类型

Nginx 作为静态资源 Web 服务器部署配置, 传输⾮常的⾼效, 常常⽤于静态资源处理, 请求, 动静分离
在这里插入图片描述
⾮服务器动态运⾏⽣成的⽂件属于静态资源

类型 种类
浏览器端渲染 HTML、CSS、JS
图片 JPEG、GIF、PNG
视频 FLV MP4
文件 TXT 任意下载文件

静态资源场景

静态资源传输延迟最⼩化
在这里插入图片描述


静态资源配置语法

1.⽂件读取⾼效 sendfile
Syntax: sendfile on | off;
Default: sendfile off;
Context: http, server, location, if in location

2.提⾼⽹络传输效率 nopush
Syntax: tcp_nopush on | off;
Default: tcp_nopush off;
Context: http, server, location
作⽤: sendfile开启情况下, 提⾼⽹络包的’传输效率’

2.与 tcp_nopush 之对应的配置 tcp_nodelay
Syntax: tcp_nodelay on | off;
Default: tcp_nodelay on;
Context: http, server, location
作⽤: 在keepalive连接下,提⾼⽹络的传输’实时性’


静态资源⽂件压缩

Nginx 将响应报⽂发送⾄客户端之前可以启⽤压缩功能,这能够有效地节约带宽,并提⾼响应⾄ 客户端的速度。
在这里插入图片描述
1.gzip 压缩配置语法
Syntax: gzip on | off;
Default: gzip off;
Context: http, server, location, if in location
作⽤: 传输压缩
2.gzip 压缩⽐率配置语法

Syntax: gzip_comp_level level;
Default: gzip_comp_level 1;
Context: http, server, location
作⽤: 压缩本身⽐较耗费服务端性能
3.gzip 压缩协议版本
Syntax: gzip_http_version 1.0 | 1.1;
Default: gzip_http_version 1.1;
Context: http, server, location
作⽤: 压缩使⽤在http哪个协议, 主流版本1.1
4.扩展压缩模块
Syntax: gzip_static on | off | always;
Default: gzip_static off;
Context: http, server, location
作⽤: 预读gzip功能


图⽚压缩案例

创建网页存放目录 并使用rz上传一张动态图片

mkdir -p /soft/code/images
cd /soft/code/images/
yum -y install lrzsz
rz

在这里插入图片描述
在这里插入图片描述

vi /usr/local/nginx/conf/nginx.conf
    server {
   
        listen       80;
        server_name  192.168.1.1;

        location ~ .*\.(jpg|gif|png)$ {
   
            sendfile on;
            gzip_http_version 1.1;
            gzip_comp_level 9;
            gzip_types text/plain application/json application/x-javascript application/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png;
            root   /soft/code/images;
            index  index.html index.htm;
        }        

在这里插入图片描述

systemctl restart nginx     ##重启nginx服务

访问:
http://192.168.1.1/1.gif
在这里插入图片描述
然后打开Fiddler 4进行抓包
下载地址点击获取
提取码:t9tj

没有开启 gzip 图⽚压缩
在这里插入图片描述
启⽤ gzip 压缩图⽚后(由于图⽚之前压缩过, 所以压缩⽐率不太明显)
在这里插入图片描述
在这里插入图片描述


⽂件压缩

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小张的学习笔记

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值