4.浏览器缓存

80 阅读1分钟

什么是浏览器缓存?

浏览器缓存(Browser Caching)是为了节约网络的资源加速浏览,浏览器在用户磁盘上对最近请求过的文档进行存储,当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档,这样就可以加速页面的阅览。 浏览器缓存主要有两类:缓存协商:Last-modified ,Etag 和彻底缓存:cache-control,Expires。

1.协商缓存(对比缓存):是一种服务端的缓存策略

当浏览器第一次向服务器发起请求,服务器会返回资源和资源标识,然后浏览器把资源保存在本地 image.png 当后续再向服务器发起请求时,浏览器会携带着资源标识向服务器发起请求,服务器会拿着标识进行对比,看是否是最新资源,如果是最新资源则返回304,浏览器就直接读取本地的资源,,如果不是最新资源,则返回200和最新资源。

image.png

2.强缓存 (强制缓存)

当浏览器向服务器首次发送请求时,服务器会返回资源并且设置Cache-Control max-age:31536000,浏览器则把资源存到本地。

image.png 当后续发送请求时,浏览器会先读取本地缓存里面的Cache-Control(单位秒)判断是否过期,如果没有过期,则直接读取本地资源,如果过期,则重新向服务器发送请求。

image.png