1.浏览器的缓存策略
主要分为两种
强缓存
协商缓存
2.强缓存
如果存在cache-control:max-age 则直接走强缓存，http1.1 状态200（from cache）
一般会搭配 expires，但是优先级较低，可以不考虑 http1.0
3.协商缓存
如果存在缓存，则继续进行协商缓存。查看Etag和last-modified
etag会变成 if-none-match 发送服务器
last-modified 会变成if-modified-since 发送服务器
服务器确定是否命中。返回304或者200
etag优先级高于last-modified（存在只改时间不改内容的情况）
4.不走缓存
直接走200.
5.cache-control非强缓
public 针对CDN
private 针对CDN
no-cache
no-store
6.流程图综述
image.png
image.png
缓存控制 浏览器 HTTP 协议缓存机制详解 确实很详细缓存Cache详解 先前对http缓存的主要疑惑在于: 几...
重点推荐 浏览器缓存知识小结及应用 第一步：HTTP缓存实现的原理] 第二步：浏览器 HTTP 协议缓存机制详解...
整体流程图 对应上图的步骤详解 1.DNS解析 1. 浏览器缓存 – 浏览器会缓存DNS记录一段时间2. 系统缓存...
重点参考： 浏览器 HTTP 协议缓存机制详解 https://www.cnblogs.com/520yang/a...
参考文章：浏览器 HTTP 协议缓存机制详解 max-age 和 expires 服务器用 http/1.0+ 的...
1.浏览器的缓存策略主要分为两种强缓存协商缓存 2.强缓存如果存在cache-control:max-age 则直...
来源于《前端分享》 一、浏览器缓存策略： 1、强缓存 2、协商缓存 强缓存：当浏览器去请求某个文件的时候，服务端就...
一、详解浏览器缓存机制 对于，如何说明缓存机制，在网络上找到了两张图，个人认为思路是比较清晰的。总结时，上图。 这...
浏览器缓存有两种：强制缓存和协商缓存 浏览器缓存机制 浏览器发送请求，会先从浏览器缓存中查找【请求结果】和【缓存标...
一、缓存分类 服务器端缓存（CDN缓存） 客户端缓存（浏览器缓存）； 二、浏览器缓存 强缓存：浏览器在加载资源时，...
本文标题：浏览器缓存详解
本文链接：https://www.haomeiwen.com/subject/hpjphftx.html
网友评论