nginx 缓存静态资源

2024-10-24

Nginx实现静态资源的缓存

1.1 需求 1.对静态文件进行缓存:html,js,css,png,gif,jpg,jpeg,bmp,swf. 2.对符合url规则的请求进行缓存. 3.针对某个url进行清除缓存. 1.1 安装ngx_cache_purge ngx_cache_purge是第三方开发的一个nginx模块,不包含在 Nginx 的源码发布版,它的作用是清理nginx缓存,对FastCGI.proxy.SCGI 和uWSGI缓存进行清除第一步:把模块上传到服务器第二步:重新编译nginx 第三步:解

nginx缓存静态资源，只需几个配置提升10倍页面加载速度

nginx缓存静态资源,只需几个配置提升10倍页面加载速度首先我们看图说话这是在没有缓存的情况下,这个页面发送了很多静态资源的请求: 1.png 可以看到,静态资源占用了整个页面加载用时的90%以上,而且这个静态资源还是已经在我使用了nginx配置压缩以后的大小,如果没有对这些静态资源压缩的话,那么静态资源加载应该会占用这个页面展示99%以上的时间.听起来是不是已经被吓到了,但是数据已经摆在这里了,这可不是危言耸听. 然后再看看使用了nginx缓存之后的效果图: 2.png 看到没有

Nginx的静态资源缓存以及压缩

Nginx是一款轻量级的网页服务器.反向代理器以及电子邮件代理服务器.Nginx采用的是异步非阻塞的通信机制(epoll模型),支持更大的并发连接.所谓的epoll模型:当事件没有准备好时,就放入epoll(队列)里面.如果有事件准备好了,那么就去处理:如果事件返回的是EAGAIN,那么继续将其放入epoll里面.从而,只要有事件准备好了,我们就去处理它,只有当所有事件都没有准备好时,才在 epoll里面等着.这样,我们就可以并发处理大量的并发了,当然,这里的并发请求,是指未处理完的请求,线程

Nginx作为静态资源web服务之缓存原理

Nginx作为静态资源web服务之缓存原理大致理一下http浏览器缓存原理: 浏览器第一次请求服务器,此时浏览器肯定没有缓存,则直接调用服务器端,服务器在返回的信息的信息头中添加 ETag和Last-Modified参数信息,返回给客户端浏览器缓存. 然后浏览器以后的请求,先判断是否有缓存,那么怎么判断有缓存呢,有三步: (1)是否过期 (2)对ETag信息对比 ,ETag: 就是一个生成的字符串 (3)对Last-Modified信息对比:Last-Modified:服务端最后一次修改

tomcat缓存静态资源深入

之前看过apach及nginx对于静态资源(含js,图片,css等)部分的缓存,用于加速并减轻后台实际web服务器的压力. 静态资源缓存是WEB服务器优化的一种手段,基本原理如下: 1.客户端浏览器请求服务器一个服务(该服务含有图片,js等静态资源),通常会对于每一个网页中的独立图片或js文件发送一个http请求 2.WEB服务器对于每个资源HTTP请求进行解析,并生成一个资源修改时间的唯一值(可以是etag或last_modified参数),放入服务器端map,key为资源url,value为

nginx处理静态资源的配置

修改nginx.conf文件,用于nginx处理静态资源. 主要配置如下(在server配置中加入location配置即可): server { listen 80; server_name 123.57.162.75; charset utf-8; index index.html index.htm index.jsp index.do; root /opt/nginx-1.4.7/html/resources; #配置Nginx动静分离,定义的静态页面直接从Nginx发布目录读取. loc

linux使用Nginx搭建静态资源服务器

最近公司需要做一个宣传片播放视频有点大好几百M 就想到使用Nginx来代理静态资源,在过程中出现了一些问题,比如端口没开.访问是403等,没有成功,后面慢慢查找问题,才发现大部分博客资料的都不全,所以在这里记录一下. 安装过程本文就不提了网上都有很多本文主要说明 nginx.conf 的配置如下: 进入编辑nginx.conf 文件输入密码配置nginx.conf 上传文件到配置的路径在网页地址栏输入对应的地址如果出现 nginx静态资源文件无法访问,403 forbidde

nginx 配置静态资源路径(url不同于static path)

目的用nginx做静态资源代理可以减少请求对后台服务器的压力,使响应更加迅速. 配置情景一 url : 127.0.0.1:8000/images/abc.jepg path: /static/iamges/abc.jepg 这种情况很容易配置: server { listen 8000; server_name myserver; client_max_body_size 251m; location /i

Nginx之静态资源WEB服务

本篇主要记录学习Nginx的静态资源WEB服务的几种常见的功能记录学习 Nginx开发常用的命令 nginx -tc /etc/nginx/nginx.conf vim /etc/nginx/conf.d/default.conf systemctl restart nginx.service 静态资源类型(非服务器动态运行生成的文件) 浏览器端渲染: HTML,CSS,JS 图片: JPEG,GIF,PNG 视频: FLV,MPEG 文件: TXT,等任意下载文件静态资源服务场景-CDN 配

tips 前端阻止浏览器缓存静态资源

手机浏览器 uc上一直表现良好 qq浏览器还有微信上网址直接打开的(一样采用qq浏览器的内核) 大量缓存了静态资源 css js 图片等这些当出现改动了刷新网页根本没有效果电脑端浏览器没有问题因为部分手机端浏览器总会出于省流量性能等因素缓存静态资源本来没有什么问题不过这会给开发带来困扰不适合调试如果只是这样还好可是还是会对生产环境造成一定影响比如当服务器端的css文件内内容有了改动手机端浏览器却一直没有释放缓存就会造成一些页面上出现明显的问题所以给css js jpg swf

nginx发布静态资源

nginx发布静态资源参考 ngx_http_index_module index指令 ngx_http_core_module http指令 location指令 listen指令 root指令 server指令 server_name指令 Nginx之坑:完全理解location中的index,配置网站初始页 https://blog.csdn.net/qq_32331073/article/details/81945134 步骤创建静态资源为 conf/nginx.conf http

nginx/apache静态资源跨域访问问题详解

1. apache静态资源跨域访问找到apache配置文件httpd.conf 找到这行 #LoadModule headers_module modules/mod_headers.so把#注释符去掉 LoadModule headers_module modules/mod_headers.so目的是开启apache头信息自定义模块在独立主机配置文件中新增header Header set Access-Control-Allow-Origin *例如: <VirtualHost *:8

nginx配置静态资源：配置绝对路径

nginx配置静态资源:配置绝对路径项目都是html格式的文件,我的项目路径:E:\javaservice\nginx-1.15.7\html assets:静态资源 html:站点文件 upload:上传的文件如图 html:站点文件 nginx配置: server { listen 8081; server_name localhost; location /{ root html/html; index index.html index.htm index.jsp; } locatio

nginx配置静态资源与动态访问分离【转】

在前面的博客中<说说 NGINX 的配置及优化>的 2.5 小节里面,提到 location 模块是 nginx 中用的最多的,也是最重要的模块,负载均衡.反向代理.虚拟域名等都与它相关. 首先我们可以先来看一同事发过来的信息这里想要在通用匹配 “/” 的情况下直接访问动态资源,而当访问到 “auto_dish” 的时候匹配静态文件.咋一看一脸懵逼,感觉没啥问题,仔细一看还是有些许端倪的.一方面是与两个 location 的匹配顺序有关,另一方面是目录路径的原因. 想实现只需要调整前后 lo

nginx 作为静态资源web服务

Nginx作为静态资源web服务静态资源web服务-CDN场景 Nginx资源存储中心会把静态资源分发给“北京Nginx”,“湖南Nginx”,“山东Nginx”. 然后北京User发送静态资源请求,通过CDN,找到离自己最近的“北京Nginx”. 静态资源核心配置文件读取 sendfile sendfile 是一种高效传输文件的模式. sendfile设置为on表示启动高效传输文件的模式.sendfile可以让Nginx在传输文件时直接在磁盘和tcp socket之间传输数据.如果这个参数

Nginx作为静态资源web服务之防盗链

Nginx作为静态资源web服务之防盗链首先,为什么需要防盗链,因为有些资源存在竞争对手的关系,比如淘宝的商品图片,不会轻易的让工具来爬虫爬走收集.但是如果使用防盗链,需要知道上一个访问的资源,然后放入名单中进行判断.那么如何获取上一个访问的资源呢,可以通过http_referers模块来实现. 1.查看 nginx.conf可以查看日志的配置中有下面这一段所以可以通过看日志来看看 $http_referer 保存的信息是什么了. 2. 配置一个html,html信息如下 <html> &

Nginx作为静态资源web服务之跨域访问

Nginx作为静态资源web服务之跨域访问首先了解一下什么是跨域跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器施加的安全限制. 所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子: http://www.123.com/index.html 调用 http://www.123.com/server.php (非跨域) http://www.123.com/index.html 调用 http://www.456.com/server.php (主域

Nginx作为静态资源web服务之文件读取

Nginx作为静态资源web服务之文件读取文件读取会使用到以下几个配置 1. sendfile 使用nginx作为静态资源服务时,通过配置sendfile可以有效提高文件读取效率,设置为on表示启动高效传输文件的模式.sendfile可以让Nginx在传输文件时直接在磁盘和tcp socket之间传输数据.如果这个参数不开启,会先在用户空间(Nginx进程空间)申请一个buffer,用read函数把数据从磁盘读到cache,再从cache读取到用户空间的buffer,再用write函数把数据从

HappyAA服务器部署笔记2(nginx的静态资源缓存配置)

我近期对服务器进行了少量改进,虽然之前使用了nginx反向代理之后性能有所提高,但仍然不够,需要使用缓存来大幅度提高静态资源的访问速度. 服务器上的静态资源主要有这些:png, jpg, svg, js, css等.下面,我通过新的nginx配置来实现缓存.对红色的字我会额外进行说明. worker_processes 1; events { worker_connections 1024; multi_accept on; use epoll; } http { include mime.ty

Nginx配置静态资源

静态服务器静态服务器概念非常简单:当用户请求静态资源时,把文件内容回复给用户. 但是,要把静态服务做到极致,需要考虑的方面非常多: 正确书写header:设置content-type.过期时间等效率:减小文件体积,合理设置缓存,使用策略减少服务器内存占用安全性,防盗链 Nginx提供了强大的静态服务功能. 基本配置 root和alias:设置静态资源根目录 root的取值最好使用绝对路径. root 指令可以放在 http.server 或 location 上下文的任何位置. 例如: s

nginx 缓存静态资源

热门专题