zoukankan      html  css  js  c++  java
  • 服务器缓存--------------------

    阿里云cdn相关:

    https://help.aliyun.com/knowledge_list/39466.html?spm=5176.product27537.3.5.FkWOrL

    https://help.aliyun.com/document_detail/27136.html?spm=5176.7747580.2.1.l8jhae 

    https://help.aliyun.com/document_detail/27268.html

    https://help.aliyun.com/knowledge_detail/39472.html?spm=5176.7839466.2.6.EGyL7z

    https://help.aliyun.com/document_detail/27112.html?spm=5176.7739523.2.2.NhAQ1w

    oss

    https://help.aliyun.com/knowledge_detail/39544.html

    https://help.aliyun.com/document_detail/27136.html?spm=5176.7747580.2.1.l8jhae

    https://help.aliyun.com/document_detail/27136.html?spm=5176.doc35005.2.4.cT9net

    ssl:https://www.zhihu.com/question/29620953

    http://blog.csdn.net/xiaoyao8903/article/details/53244955?_t_t_t=0.5008655409415268

    nginx实战2---浏览器设置缓存

    对常见格式的图片文件等在浏览器本地缓存,对于css,js等文件在浏览器本地缓存.

    语法:expires [time|epoch|max|off

    默认值:off

    expires指令控制HTTP应答中的“Expires”和“Cache-Control”Header头部信息,启动控制页面缓存的作用

    time参数---》time:可以使用正数或负数

    “Expires”头标的值将通过当前系统时间加上设定time值来设定。

    epoch:--->epoch:指定“Expires”的值为 1January,1970,00:00:01 GMT

    max:------>max:指定“Expires”的值为31December2037 23:59:59GMT,""Cache-Control"的值为10年。-1:指定“Expires”的值为当前服务器时间减去1s,即永远过期。

    off:--------->off:不修改“Expires”和"Cache-Control"的值

    Cache-Control是用max-age指令指定组件被缓存多久。(在浏览器header头部有)

    负数参数:表示Cache-Control:no-cache

    整数或者零:表示Cache-Control:max-age=' '为您设定的时间秒数。

    另外:

    如果不想让代理或浏览器缓存,加no-cache参数或private参数:

    # expires 1d;

    add_header Cache-Control no-cache;

    add_header Cache-Control private;

    如何查看,如何验证:可以通过访问别人的网站,看看别人有没有做缓存

    当我访问一个网站的时候,看状态码全是200

    nginx实战2---浏览器设置缓存

    点击开查看关键参数:

    nginx实战2---浏览器设置缓存

    第二次去访问:

    变成了304

    nginx实战2---浏览器设置缓存

    查看:

    nginx实战2---浏览器设置缓存

    nginx实战2---浏览器设置缓存

    这时返回的状态码是304,而在请求中比第一次多了If-Modified-Since头,和原始服务器中的Last-Modified制作比较,所以实现浏览器缓存并判断是否过期。

    简单的说,Last-Modified 与If-Modified-Since 都是用于记录页面最后修改时间的 HTTP 头信息,

    只是Last-Modified 是由服务器往客户端发送的 HTTP 头,

    而 If-Modified-Since则是由客户端往服务器发送的头,

    可以看到,再次请求本地存在的 cache 页面时,客户端会通过 If-Modified-Since头将先前服务器端发过来的 Last-Modified最后修改时间戳发送回去,这是为了让服务器端进行验证,通过这个时间戳判断客户端的页面是否是最新的,如果不是最新的,则返回新的内容,

    如果是最新的,则返回304告诉客户端其本地cache的页面是最新的,

    于是客户端就可以直接从本地加载页面了,这样在网络上传输的数据就会大大减少,同时也减轻了服务器的负担。

    简单配置如下:

    1 知识写了location 2 location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$ 3 { 4 expires 30d; 5 access_log off; 6 } 7 8 location ~ .*.(js|css)$ 9 { 10 expires 12h; 11 access_log off; 12 }

    参考:http://www.jb51.NET/article/33213.htm

    http://www.jb51.net/article/33214.htm

    http://www.jb51.net/article/33213.htm

    http://www.cnblogs.com/yuanzai12345/p/5946743.html

    这种情况:百度首页

    浏览器缓存详解:expires,cache-control,last-modified,etag详细说明

    最近在对CDN进行优化,对浏览器缓存深入研究了一下,记录一下,方便后来者

    画了一个草图:

    每个状态的详细说明如下:

    1Last-Modified

    在浏览器第一次请求某一个URL时,服务器端的返回状态会是200,内容是你请求的资源,同时有一个Last-Modified的属性标记(HttpReponse Header)此文件在服务期端最后被修改的时间,格式类似这样:

    Last-Modified:Tue, 24 Feb 2009 08:01:04 GMT

    客户端第二次请求此URL时,根据HTTP协议的规定,浏览器会向服务器传送If-Modified-Since报头(HttpRequest Header),询问该时间之后文件是否有被修改过:

    If-Modified-Since:Tue, 24 Feb 2009 08:01:04 GMT

    如果服务器端的资源没有变化,则自动返回HTTP304NotChanged.)状态码,内容为空,这样就节省了传输数据量。当服务器端代码发生改变或者重启服务器时,则重新发出资源,返回和第一次请求时类似。从而保证不向客户端重复发出资源,也保证当服务器有变化时,客户端能够得到最新的资源。

    注:如果If-Modified-Since的时间比服务器当前时间(当前的请求时间request_time)还晚,会认为是个非法请求

    2Etag工作原理

    HTTP协议规格说明定义ETag为“被请求变量的实体标记”(参见14.19)。简单点即服务器响应时给请求URL标记,并在HTTP响应头中将其传送到客户端,类似服务器端返回的格式:

    Etag:“5d8c72a5edda8d6a:3239〃

    客户端的查询更新格式是这样的:

    If-None-Match:“5d8c72a5edda8d6a:3239〃

    如果ETag没改变,则返回状态304

    :在客户端发出请求后,HttpReponse Header中包含Etag:“5d8c72a5edda8d6a:3239〃

    标识,等于告诉Client端,你拿到的这个的资源有表示ID:5d8c72a5edda8d6a:3239。当下次需要发Request索要同一个URI的时候,浏览器同时发出一个If-None-Match报头(Http RequestHeader)此时包头中信息包含上次访问得到的Etag:“5d8c72a5edda8d6a:3239〃标识。

    If-None-Match:“5d8c72a5edda8d6a:3239“

    ,这样,Client端等于Cache了两份,服务器端就会比对2者的etag。如果If-None-Match为False,不返回200,返回304(Not Modified) Response。

    3Expires

    给出的日期/时间后,被响应认为是过时。如Expires:Thu, 02 Apr 2009 05:14:08 GMT

    需和Last-Modified结合使用。用于控制请求文件的有效时间,当请求数据在有效期内时客户端浏览器从缓存请求数据而不是服务器端.当缓存中数据失效或过期,才决定从服务器更新数据。

    4Last-ModifiedExpires

    Last-Modified标识能够节省一点带宽,但是还是逃不掉发一个HTTP请求出去,而且要和Expires一起用。而Expires标识却使得浏览器干脆连HTTP请求都不用发,比如当用户F5或者点击Refresh按钮的时候就算对于有ExpiresURI,一样也会发一个HTTP请求出去,所以,Last-Modified还是要用的,而且要和Expires一起用。



    5EtagExpires

    如果服务器端同时设置了Etag和Expires时,Etag原理同样,即与Last-Modified/Etag对应的HttpRequestHeader:If-Modified-Since和If-None-Match。我们可以看到这两个Header的值和WebServer发出的Last-Modified,Etag值完全一样;在完全匹配If-Modified-Since和If-None-Match即检查完修改时间和Etag之后,服务器才能返回304.



    6Last-ModifiedEtag

    分布式系统里多台机器间文件的last-modified必须保持一致,以免负载均衡到不同机器导致比对失败

    分布式系统尽量关闭掉Etag(每台机器生成的etag都会不一样)

    Last-Modified和ETags请求的http报头一起使用,服务器首先产生Last-Modified/Etag标记,服务器可在稍后使用它来判断页面是否已经被修改,来决定文件是否继续缓存

    过程如下:

    1.客户端请求一个页面(A)。

    2.服务器返回页面A,并在给A加上一个Last-Modified/ETag。

    3.客户端展现该页面,并将页面连同Last-Modified/ETag一起缓存。

    4.客户再次请求页面A,并将上次请求时服务器返回的Last-Modified/ETag一起传递给服务器。

    5.服务器检查该Last-Modified或ETag,并判断出该页面自上次客户端请求之后还未被修改,直接返回响应304和一个空的响应体。

    注:

    1、Last-Modified和Etag头都是由WebServer发出的HttpReponse Header,WebServer应该同时支持这两种头。

    2、WebServer发送完Last-Modified/Etag头给客户端后,客户端会缓存这些头;

    3、客户端再次发起相同页面的请求时,将分别发送与Last-Modified/Etag对应的HttpRequestHeader:If-Modified-Since和If-None-Match。我们可以看到这两个Header的值和WebServer发出的Last-Modified,Etag值完全一样;

    4、通过上述值到服务器端检查,判断文件是否继续缓存;

     

    7、关于 Cache-Control: max-age=秒 和 Expires

    Expires = 时间,HTTP 1.0 版本,缓存的载止时间,允许客户端在这个时间之前不去检查(发请求)
    max-age = 秒,HTTP 1.1版本,资源在本地缓存多少秒。
    如果max-age和Expires同时存在,则被Cache-Control的max-age覆盖。

    Expires 的一个缺点就是,返回的到期时间是服务器端的时间,这样存在一个问题,如果客户端的时间与服务器的时间相差很大,那么误差就很大,所以在HTTP 1.1版开始,使用Cache-Control: max-age=秒替代。

    Expires =max-age +   “每次下载时的当前的request时间”

    所以一旦重新下载的页面后,expires就重新计算一次,但last-modified不会变化 

  • 相关阅读:
    什么是Flex 布局
    wx.navigateTo、wx.redirectTo和wx.switchTab三种导航方式的区别
    Ajax 工作原理 及 实例
    NodeJS之 Express框架 app.use(express.static)
    Parcel 入门 (一)
    打包工具的介绍
    CSS网页布局
    《拖延心理学》阅读要点
    PHP实现页面静态化
    PHP中的魔术方法
  • 原文地址:https://www.cnblogs.com/yum777/p/6170819.html
Copyright © 2011-2022 走看看