最新公告
  • 欢迎您光临陌佑网,提供代搭建与我们一样的资源站,近期增加新内容,改良内容,敬请期待。立即加入我们
  • Cache-Control 是最重要的规则。这个字段用于指定所有缓存机制在整个请求/响应链中必须服从的指令。这些指令指定用于阻止缓存对请求或响应造成不利干扰的行为。这些指令通常覆盖默认缓存算法。缓存指令是单向的,即请求中存在一个指令并不意味着响应中将存在同一个指令。

    HTTP1.1引入了Cathe-Control,它使用max-age指定组件被缓存多久,从请求开始在max-age时间内浏览器使用缓存,之外的使用请求,这样就可以消除Expires的限制,

    如果对浏览器兼容性要求很高的话,可以两个都使用。

    这里对http 304 状态结合max-age做一个总结:

    浏览器初次访问服务器—————服务器返回200状态

    如下图:

    性能优化,浅谈http中的Cache-Control

    浏览器再次请求服务器时,浏览器会先判断max-age,如果到期则直接请求服务器,否则直接从缓存中取,

    服务器收到请求后,判断文件是否被修改过,若是则直接返回200,否则返回304,浏览器将从缓存中获取文件。

     

    性能优化,浅谈http中的Cache-Control

    若同步刷新页面,则浏览器并不会先判断max-age,而是直接发送请求,服务器接收到请求后,判断文件是否有变化,若有则返回200,若没有则返回304

    我们用http访问时,会先发送一个请求,之后服务器返回一个应答,在Chrome的开发者工具(按F12或右击选择检查)中展现了整个过程:

    性能优化,浅谈http中的Cache-Control

    第一部分General是概要,包含请求地址,请求方式,状态码,服务器地址以及Referrer 策略。

    第二部分是应答头部,是服务器返回的。

    第三部分是请求头部,是客户端发送的。

    这次我们从两个角度来看看http的缓存:缓存控制和缓存校验。

    缓存控制:控制缓存的开关,用于标识请求或访问中是否开启了缓存,使用了哪种缓存方式。

    缓存校验:如何校验缓存,比如怎么定义缓存的有效期,怎么确保缓存是最新的。

    缓存控制

    在http中,控制缓存开关的字段有两个:Pragma 和 Cache-Control。

    Pragma

    Pragma有两个字段Pragma和Expires。Pragma的值为no-cache时,表示禁用缓存,Expires的值是一个GMT时间,表示该缓存的有效时间。

    Pragma是旧产物,已经逐步抛弃,有些网站为了向下兼容还保留了这两个字段。如果一个报文中同时出现Pragma和Cache-Control时,以Pragma为准。同时出现Cache-Control和Expires时,以Cache-Control为准。即优先级从高到低是 Pragma -> Cache-Control -> Expires

    Cache-Control

    符合缓存策略时,服务器不会发送新的资源,但不是说客户端和服务器就没有会话了,客户端还是会发请求到服务器的。

    Cache-Control除了在响应中使用,在请求中也可以使用。我们用开发者工具来模拟下请求时带上Cache-Control:勾选Disable cache,刷新页面,可以看到Request Headers中有个字段Cache-Control: no-cache。

    同时在Response Headers中也能到Cache-Control字段,它的值是must-revalidate,这是服务端设置的。

    Cache-Control字段

    在请求中使用Cache-Control 时,它可选的值有:

    性能优化,浅谈http中的Cache-Control

    在响应中使用Cache-Control 时,它可选的值有:

    性能优化,浅谈http中的Cache-Control

    no-store优先级最高

    在Cache-Control 中,这些值可以自由组合,多个值如果冲突时,也是有优先级的,而no-store优先级最高。我们可以测试下:在nginx中做如下配置:

    server {
        listen 88;
        root /opt/ms;
        index index.php index.html index.htm index.nginx-debian.html;   
        location ~* ^.+\\\\.(css|js|txt|xml|swf|wav)$ {
            add_header Cache-Control no-store;
            add_header Cache-Control max-age=3600;
            add_header Cache-Control public;
            add_header Cache-Control only-if-cached;
            add_header Cache-Control no-cache;
            add_header Cache-Control must-revalidate;
        }
    }

    在/opt/ms下增加个文件type.css,内容如下:

    a{
        color: #000000;
    }
    a:focus,a:hover {
        text-decoration: none;
        color: #708090;
    }

    配置好之后,reload下nginx,在浏览器访问地址http://127.0.0.1:88/type.css,可以看到响应头部包含nginx配置中的字段:

    性能优化,浅谈http中的Cache-Control

    重复刷新访问,会发现每次的状态码都是200,原因是no-store的优先级最高,本地不保存,每次都需要服务器发送资源。

    public和private的选择

    如果你用了CDN,你需要关注下这个值。CDN厂商一般会要求cache-control的值为public,提升缓存命中率。如果你的缓存命中率很低,而访问量很大的话,可以看下是不是设置了private,no-cache这类的值。如果定义了max-age,可以不用再定义public,它们的意义是一样的。

    哪里设置Cache-Control

    以LNMP的环境为例,一次响应经历的过程是:php-cgi解析代码并执行,将结果返回给nginx,如果nginx前面有反向代理,则会经过一次反向代理服务器,所以cache-control可能会在nginx,php-cgi,php代码,反向代理服务器这些地方地方设置。在php.ini中,有个参数是session.cache_limiter,需要注意下。在nginx中有个很常见的配置:

    location ~* ^.+\\\\.(ico|gif|jpg|jpeg|png)$ { 
         expires  30d;
    }

    这个指令等同于cache-control: max-age=2592000,同时你会在响应头部看到一个etag字段,这是由于nginx默认开启,如果要关闭可以增加个配置etag off。这个etag就是我们接下要看的缓存校验字段。

    缓存校验

    在缓存中,我们需要一个机制来验证缓存是否有效。比如服务器的资源更新了,客户端需要及时刷新缓存;又或者客户端的资源过了有效期,但服务器上的资源还是旧的,此时并不需要重新发送。缓存校验就是用来解决这些问题的,在http 1.1 中,我们主要关注下Last-Modified 和 etag 这两个字段。

    Last-Modified

    服务端在返回资源时,会将该资源的最后更改时间通过Last-Modified字段返回给客户端。客户端下次请求时通过If-Modified-Since或者If-Unmodified-Since带上Last-Modified,服务端检查该时间是否与服务器的最后修改时间一致:如果一致,则返回304状态码,不返回资源;如果不一致则返回200和修改后的资源,并带上新的时间。

    性能优化,浅谈http中的Cache-Control

    If-Modified-Since和If-Unmodified-Since的区别是:

    If-Modified-Since:告诉服务器如果时间一致,返回状态码304

    If-Unmodified-Since:告诉服务器如果时间不一致,返回状态码412

    etag

    单纯的以修改时间来判断还是有缺陷,比如文件的最后修改时间变了,但内容没变。对于这样的情况,我们可以使用etag来处理。

    etag的方式是这样:服务器通过某个算法对资源进行计算,取得一串值(类似于文件的md5值),之后将该值通过etag返回给客户端,客户端下次请求时通过If-None-Match或If-Match带上该值,服务器对该值进行对比校验:如果一致则不要返回资源。

    If-None-Match和If-Match的区别是:

    If-None-Match:告诉服务器如果一致,返回状态码304,不一致则返回资源

    If-Match:告诉服务器如果不一致,返回状态码412

    总结

    缓存开关是: pragma, cache-control。

    缓存校验有:Expires,Last-Modified,etag。

    从状态码的角度来看,它们的关系如下图:

    性能优化,浅谈http中的Cache-Control

    cache-control的各个值关系如下图

    性能优化,浅谈http中的Cache-Control


    陌佑网 » 性能优化,浅谈http中的Cache-Control_蜘蛛技巧_超级蜘蛛池

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    • 634会员总数(位)
    • 58684资源总数(个)
    • 172本周发布(个)
    • 49 今日发布(个)
    • 203稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情