nginx处理静态资源优化

最新推荐文章于 2024-09-21 14:20:02 发布
最新推荐文章于 2024-09-21 14:20:02 发布
阅读量1k 收藏 6
点赞数 1
分类专栏： # nginx服务
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cmdd_/article/details/108622894
版权
本文详细探讨了如何使用nginx优化静态资源的处理，包括利用浏览器缓存、设置缓存过期时间、高效读取文件、启用sendfile进行高效传输、保持长连接以及对静态资源进行压缩等策略，以提升网站性能。
摘要由CSDN通过智能技术生成

文章目录

nginx作为静态资源服务器，用于处理静态资源非常的高效

静态资源类型 后缀
html资源 html、css、js
图片文件 jpg、png、gif、jpeg
视频文件 mp3、mp4、avi
文本文件 txt、doc、xml
其他文件 pdf

1.静态资源缓存

1）浏览器缓存

#响应头部
cache-control: max-age=2592000
expires: Thu, 19 Nov 1981 08:52:00 GMT

ETag: "5f3fefc8-2d03"
Last-Modified: Fri, 21 Aug 2020 16:01:12 GMT

#请求头部
If-Modified-Since: Fri, 21 Aug 2020 16:01:12 GMT
If-None-Match: "5f3fefc8-2d03"

2）浏览器读取缓存流程

1.浏览器会先去查看响应头部的cache-control（缓存控制）
2.如果没有到达过期时间，会直接返回缓存中的内容，不需要重新读取服务器
3.如果cache-control设置为 no-cache，浏览器会去读取expires（缓存过期时间）
4.如果没有到达expires过期时间，会直接返回缓存中的内容，不需要重新读取服务器
5.如果cache-control和expires都没有设置
6.浏览器会去查看服务器上面ETag值，如果有浏览器会拿着 If-None-Match 去跟他对比
7.如果ETag与浏览器的 If-None-Match 相同，则走缓存
8.如果ETag与浏览器的 If-None-Match 不相同，浏览器会去查看服务器上面 Last-Modified值
9.如果服务器上有 Last-Modified值，浏览器会拿着If-Modified-Since去跟他对比
10.如果Last-Modified值与浏览器的 If-Modified-Since 相同，则走缓存
11.如果Last-Modified值与浏览器的 If-Modified-Since 不相同，重新去服务器读取数据

#含义
1.cache-control：缓存控制，记录的时文件保留时间
2.expires：缓存时间，记录的是文件的过期时间
3.ETag：服务器上保留的文件唯一标识符
4.If-None-Match：浏览器上保留的文件唯一标识符
5.Last-Modified：服务器上保留的文件最后修改时间
最低0.47元/天 解锁文章
backzy
关注
专栏目录
nginx 静态资源优化配置
congge
05-28 1万+
nginx 静态资源优化配置
Nginx 优化静态文件访问
weixin_33774883的博客
06-26 218
简介 Web 开发中需要的静态文件有：CSS、JS、字体、图片，可以通过web框架进行访问，但是效率不是最优的。 Nginx 对于处理静态文件的效率要远高于 Web 框架，因为可以使用 gzip 压缩协议，减小静态文件的体积加快静态文件的加载速度、开启缓存和超时时间减少请求静态文件次数。 下面就介绍如何通过 Nginx 管理静态文件的访问，优化网站的访问速度。 一、开启 gzip 配置介绍和参数如...
配置Nginx实现访问本地静态资源的完整指南
科技改变人类，技术成就未来
08-06 2522
Nginx 是一个高性能的 HTTP 服务器和反向代理服务器，广泛用于静态资源的托管和负载均衡。在开发和生产环境中，我们常常需要使用 Nginx 来提供本地静态资源的访问。本文将详细介绍如何配置 Nginx 以便访问本地静态资源。
Nginx静态资源优化、压缩、缓存
FAIRYTAIL的博客
10-14 3315
优化 Nginx对静态资源如何进行优化配置。这里从三个属性配置进行优化： sendfile on; tcp_nopush on; tcp_nodeplay on; sendfile 用来开启高效的文件传输模式。 语法 sendfile on |off; 默认值 sendfile off; 位置 http、server、location... 请求静态资源的过程：客户端通过网络接口向服务端发送请求，操作系统将这些客户端的请求传递给服务器端应用程序，服务器端应用程序会处理这些请求
Nginx静态资源优化、压缩、缓存处理
最新发布
weixin_55772633的博客
09-21 950
缓存（cache），原始意义是指访问速度比一般随机存取存储器（RAM）快的一种高速存储器，通常它不像系统主存那样使用DRAM技术，而使用昂贵但较快速的SRAM技术。缓存的设置是所有现代计算机系统发挥高性能的重要因素之一。Web缓存是指一个Web资源（如html页面，图片，js，数据等）存在于Web服务器和客户端（浏览器）之间的副本。缓存会根据进来的请求保存输出内容的副本；当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。
Nginx 静态文件服务配置及优化
A11085013的专栏
05-31 757
根目录和索引文件 root指令指定将用于搜索文件的根目录。 为了获取所请求文件的路径，NGINX 将请求 URI 附加到root指令指定的路径。该指令可以放在http {}，server {}或location {}上下文中的任何级别。在下面的示例中，为虚拟服务器定义了root指令。 它适用于未包含根指令的所有location {}块，以显式重新定义根： server{ ...
详解Nginx 静态文件服务配置及优化
01-10
为了获取所请求文件的路径，NGINX 将请求 URI 附加到 root 指令指定的路径。该指令可以放在 http {} ， server {} 或 location {} 上下文中的任何级别。在下面的示例中，为虚拟服务器定义了 root 指令。 它适用于未...
Nginx实现静态网站部署资源
04-25
要部署静态网站，你需要告诉Nginx静态文件的位置。在`http`块或者`server`块内，创建一个`location`块来指定静态文件目录，例如： ``` location / { root /var/www/html; index index.html index.htm; } ``` ...
纯静态文件环境下的Nginx优化思路
weixin_33888907的博客
02-27 85
Nginx以其消耗资源少，承受并发量大，配置文件简洁等特点，深受广大sa们的喜欢，但是网上传播的nginx 配置并没有对做过多的优化。那么接下来，我就从某大型媒体网站的实际运维nginx优化角度，来给大家讲解一下nginx主要优化的那些方面。 nginx的启动命令是：/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf...
Nginx做静态资源管理器
qq_43501219的博客
04-10 280
–由于Sring Boot自带Tomact使得我无法在Tomact中配置静态资源的访问路径，所以我使用了Nginx做端口监听，从而实现动态的访问音乐资源 1.安装Nginx（稍后附上安装包）； 2.在安装目录下找到conf文件夹中的nginx.conf文件； 3.打开nginx.conf文件修改配置信息； server { #被监听的端口号 listen 8095; #监听本机 localhost代表本机 server_name localhost; loca
Nginx 静态资源缓存优化
servepeople的博客
05-28 707
Nginx设置静态页面压缩和缓存过期时间的方法 https://www.jb51.net/article/69217.htm nginx缓存静态资源，只需几个配置提升10倍页面加载速度 https://www.jianshu.com/p/87cd8a6af6c5 nginx 设置客户端缓存过期时间 https://www.cnblogs.com/liusingbon/p/11119348.html nginx静态文件缓存的解决方案 https://www.cnblogs.com/wangzhisdu/p/7
nginx配置-优化静态资源
CGS666的博客
03-05 1794
开启gzip功能，gzip就是对网络传输的数据进行压缩处理，从而节省带宽。打开nginx.conf文件，在http模块下增加gzip on; gzip_min_length 1k; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_comp_level 2; gzip_vary on; gzip_proxied any; gzip_disable "
Nginx静态资源获取的优化和文件压缩
clyu的博客
01-24 381
一、优化静态文件获取 此指令属于ngx_http_core_module模块 指令：sendfile ;可存在位置：http, server, location, if in location；作用：启动高效传输文件的模式 值：on 启动高效传输文件的模式 值：off （默认要经过用户buffer） 作用：Nginx在传输数据时会先在用户空间（Nginx进程空间）申请一个buffer，用read函数把数据从磁盘读到cache， 再从cache读取到用户空间的buffer，再用write函数把数据从用
nginx静态资源优化配置方法
认知 行动 坚持
09-25 958
Nginx对静态资源如何进行优化配置。这里从三个属性配置进行优化： sendfile on; tcp_nopush on; tcp_nodeplay on; sendfile sendfile，用来开启高效的文件传输模式。sendfile系统调用在两个文件描述符之间直接传递数据(完全在内核中操作)，从而避免了数据在内核缓冲区和用户缓冲区之间的拷贝，操作效率很高，被称之为零拷贝。 语法 sendfile on | off 默认值 sendfile off; 位置 http,serv
nginx 静态文件 调优
新技术革命
08-04 450
nginx缓存静态资源，只需几个配置提升10倍页面加载速度 首先我们看图说话 这是在没有缓存的情况下，这个页面发送了很多静态资源的请求： 1.png 可以看到，静态资源占用了整个页面加载用时的90%以上，而且这个静态资源还是已经在我使用了nginx配置压缩以后的大小，如果没有对这些静态资源压缩的话，那么静态资源加载应该会占用这个页面展示99%以上的时间。听起来是不是已经被吓到了，但是数据已经摆在这里了，这可不是危言耸听。 然后再看看使用了nginx缓存之后的效果图： 2.png .
nginx静态资源
guo_3472428370的博客
05-12 1022
1.静态资源类型 类型 种类 浏览器端渲染 HTML，CSS,JS 图片 GPEG，GIF，PNG 视频 FLV MP4 文件 TXT 任意下载文件 2.静态资源优化语法(当服务器出现错误时候开始优化) sndfile no|off 文件高效读取 nopush no|off 提高网络传输效率 tcp_nodelay no|o...
nginx存放静态资源
09-08
在传统的web项目中，一般会将静态资源存放在webroot的目录下。这样做可以方便获取静态资源。但是当web项目规模较大，用户较多，静态资源数量较多时，服务器的性能可能会受到影响。为了解决这个问题，可以通过配置Nginx来优化静态资源的存放和访问。 在Nginx的配置中，可以使用以下几种方法来存放静态资源： 1. 使用root指令：可以在Nginx配置文件中通过设置root指令来指定静态资源的根目录。例如： ``` location / { root /usr/local/nginx/html; index index.html; } ``` 上述配置会将静态资源存放在`/usr/local/nginx/html`目录下。 2. 使用alias指令：可以使用alias指令来指定静态资源的具体路径。例如： ``` location /images { alias /usr/local/nginx/html/images; } ``` 上述配置会将静态资源存放在`/usr/local/nginx/html/images`目录下。 通过配置Nginx的静态资源存放方式，可以提高服务器的性能和访问效率。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值