V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
liuxing
V2EX  ›  Node.js

理解 HTTP 缓存机制

  •  
  •   liuxing · 2021-04-30 07:05:32 +08:00 · 2402 次点击
    这是一个创建于 1285 天前的主题,其中的信息可能已经有所发展或是发生改变。

    理解 HTTP 缓存机制

    原文链接: https://www.liuxing.io/blog/http-cache/

    HTTP 缓存主要分强制缓存和协商缓存。强制缓存由 Cache-Control,Exipres ( HTTP1.0 )控制。浏览器直接读本地缓存,不会再跟服务器端交互,状态码 200 。协商缓存由 Last-Modified / IfModified-Since,Etag /If-None-Match 实现,每次请求需要让服务器判断一下资源是否更新过,从而决定浏览器是否使用缓存,如果是,则返回 304,否则重新完整响应

    [TOC]

    4 条回复    2021-04-30 17:43:00 +08:00
    FaiChou
        1
    FaiChou  
       2021-04-30 11:28:41 +08:00
    「浏览器直接读**本地缓存**,不会再跟服务器端交互,状态码 200 」:
    缓存不只有本地缓存, 还有 CDN, 网关缓存, 反向代理缓存等

    其余的地方没问题, 有兴趣可以用 js 实现一下上述缓存逻辑. 加油
    liuxing
        2
    liuxing  
    OP
       2021-04-30 12:21:23 +08:00 via Android
    @FaiChou 感谢回复,
    jojobo
        3
    jojobo  
       2021-04-30 17:36:55 +08:00
    作者写的还是不错的,这里我补充一点缓存位置,
    浏览器会将请求的资源缓存起来,那么会缓存到哪里呢?按优先级从高到低分别是:
    1.service work 。PWA 的重要实现机制
    2.Memory cache 。内存缓存
    3.Dish cache 。磁盘缓存
    4.Push cache 。推送缓存,HTTP/2 的内容
    liuxing
        4
    liuxing  
    OP
       2021-04-30 17:43:00 +08:00
    @jojobo 感谢补充
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3633 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 04:21 · PVG 12:21 · LAX 20:21 · JFK 23:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.