Nginx实战:浏览器缓存

浏览器缓存

浏览器缓存是为了加速浏览,浏览器在用户磁盘上,对最近请求过

的文档进行存储。当访问者再次请求这个页面时,浏览器就可以从

本地磁盘显示文档,这样,就可以加速页面的阅览,缓存的方式节

约了网络的资源,提高了网络的效率。
实现浏览器缓存步骤

浏览器缓存可以通过expires指令输出Header头来实现。

bash 复制代码
语法:expires[time| epoch | max |off]
默认值:expires off
作用域:http、server、location

一个HTML页面,会引用一些JavaScript文件、图片文件、而这些格

式的文件很少会被修改,则可以通过expires设置浏览器缓存。
示例

比如,对常见格式的图片、Flash文件在浏览器本地缓存30天,对

JS、CSS文件在浏览器本地缓存1小时,代码如下

bash 复制代码
location ~ .*\.(gif|jpg|png)$
{
   expires 30d;
}
location ~.*\.(js|css)?$
{
   expires 1h;
}

Cache-Control

设置相对过期时间, max-age指明以秒为单位的缓存时间. 若对静态

资源只缓存一次, 可以设置max-age的值为315360000000 (一万年).

比如对于提交的订单,为了防止浏览器回退重新提交,可以使用

Cache-Control之no-store绝对禁止缓存,即便浏览器回退依然请求

的是服务器,进而判断订单的状态给出相应的提示信息!

bash 复制代码
Http协议的cache-control的常见取值及其组合释义:
no-cache: 数据内容不能被缓存, 每次请求都重新访问服务器, 若有max-age, 则缓存期间不访
问服务器
no-store: 不仅不能缓存, 连暂存也不可以(即: 临时文件夹中不能暂存该资源)
语法:expires[time| epoch | max |off]
默认值:expires off
作用域:http、server、location

location ~ .*\.(gif|jpg|png)$
{
   expires 30d;
}
location ~.*\.(js|css)?$
{
   expires 1h;
}

private(默认): 只能在浏览器中缓存, 只有在第一次请求的时候才访问服务器, 若有- - maxage, 则缓存期间不访问服务器
public: 可以被任何缓存区缓存, 如: 浏览器、服务器、代理服务器等
max-age: 相对过期时间, 即以秒为单位的缓存时间

add_header Cache-Control no-cache;

add_header Cache-Control private;

企业实战示例

下面是开发部门同事发过来的配置需求:

1 禁用html文件缓存,即cache control设置为no-cache;

2 对于js,图片,css,字体等,设置max-age=2592000. 也就是30天;

注意:

缓存控制字段cache-control的配置(add_header)要放在http,

server, location区域, 或是放在location的if判断里, 例

如"add_header Cache-Control no-cache;

bash 复制代码
server{
 listen 80;
 server_name 192.168.66.100;
 location ~ \.                
(css|js|gif|jpg|jpeg|png|bmp|swf|ttf|woff|ot
f|ttc|pfa)$ {
     root /data/web/kevin;
     expires 30d;
   }
   location ~ \.(html|htm)$ {
     root /data/web/kevin;
     add_header Cache-Control no-cache;
   }
相关推荐
李游Leo几秒前
npm / yarn / pnpm 包管理器对比与最佳实践(含国内镜像源配置与缓存优化)
前端·缓存·npm
学c语言的枫子40 分钟前
Linux文件IO——系统IO
linux·运维·服务器
格林威42 分钟前
短波红外相机在机器视觉检测方向的应用
运维·人工智能·深度学习·数码相机·计算机视觉·视觉检测
tjjingpan1 小时前
mosdns缓存dns服务器配置记录
运维·服务器·缓存
深圳衡益科技1 小时前
温湿度传感器如何守护工业制造?
运维·服务器
知北游天1 小时前
Linux网络:初识网络
linux·运维·网络
染指11101 小时前
13.渗透-.Linux基础命令(五)-用户管理(修改用户密码)
linux·运维·服务器·linux命令
wheeldown2 小时前
【Linux】面试常考!Linux 进程核心考点:写时拷贝优化原理 + 进程等待实战,一篇理清进程一生
linux·运维·服务器·面试·php
云飞云共享云桌面6 小时前
昆山精密机械公司8个Solidworks共用一台服务器
运维·服务器·网络·3d·自动化·制造
恒创科技HK6 小时前
中国香港服务器中常提到的双向/全程CN2是什么意思?
运维·服务器