浏览器缓存顺序

浏览器缓存顺序

1. 如果是第一次加载资源，浏览器就直接获取服务器返回的数据；
2. 再次加载资源时，首先判断是否存在强缓存，再先看看catch-control 设置的max-age有没有过期，如果没有过期直接304加载本地缓存；
3. 如果max-age已过期就开始协商缓存，于是携带Etag或者last-modify向服务器发起if-None-Match和if-Modify-Since请求，其中Etag的优先级比last-modify高，若两者同时发送过去会优先判断Etag，服务器接收到客户端发过来的Etag时会将其与最新资源的Etag作比较，若两者一致就返回304状态让客户端直接从本地缓存中加载；若不一致就返回最新资源
4. 若没有Etag，则服务端就拿last-modify作比较，判断最后修改的时间是否一致，若一致则304，若不一致则返回新资源

注意：
last-modify的缺点是其精确单位为秒，所以可能会出现缓存判断不准确的情况，例如用户在1s内发送多次请求，若这1s内服务端资源已经改变，由于精确度问题会导致客户端误判为资源未更新，只会从本地缓存中获取资源

Etag的缺点是因为不同服务器存储的Etag值是不一样的，若出现负载均衡情况时也可能导致一致的数据却重新加载