博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Web.Config 对静态文件 js css img 的客户端缓存策略
阅读量:6848 次
发布时间:2019-06-26

本文共 3673 字,大约阅读时间需要 12 分钟。

1 
2
3
4
5
6
7
8
9
10
11
12

 

功能:304页面未修改

自从上次请求后,请求的网页未修改过。服务器返回此响应时,不会返回网页内容。

如果网页自请求者上次请求后再也没有更改过,您应将服务器配置为返回此响应(称为 If-Modified-Since HTTP 标头)。服务器可以告诉 Googlebot 自从上次抓取后网页没有变更,进而节省带宽和开销。

当你在 Response-Header 中加上这几项:

    Last-Modified: Wed, 18 Jun 2008 14:22:27 GMT
    Cache-Control: max-age=600
    Expires: Wed, 18 Jun 2008 14:48:39 GMT
    Date: Wed, 18 Jun 2008 14:38:39 GMT

其中 Last-Modified 后面的日期是上次更新 config 的时间,Date 后面是当前时间,Expires 后面是当前时间 + 10分钟,10分钟就是 Cache-Control 后面的 max-age,单位是秒。

Last-Modified

    如果客户端收到的 Response 中包含 Last-Modified,那么下次 request 的时候就会在 Request Header 中包含 If-Modified-Since 字段,值就是上次服务器发送的 Last-Modified,服务器端会判断上次的 config 时间是否比 If-Modified-Since 晚。如果自上次 request 之后又更新了 config,那么服务器就会返回完整的内容;如果期间没有更新 config,那么服务器就没必要返回完整的内容,只需要向客户端发送一个 304 Not Modified 状态码就可以了。

Cache-Control、Date 和 Expires

    这几个参数的组合,表示告诉浏览器:这个文件在多长时间之内不会更改,在这个时间内不需要再 request,保守起见,我设置了10分钟。

浏览器行为

    如果只是在网站的链接之间 click click click,那么浏览器会完全遵守上述行为。这样可以尽可能地减少请求次数,以及 response 的数据量。

如果在某个页面点击了浏览器的刷新按钮或者按 F5,浏览器会忽略 Expires 时间,把该页面需要的所有的文件都重新请求一遍。

如果按住 Ctrl 再刷新或者 Ctrl-F5 (俗称强制刷新),浏览器将不会发送 Last-Modified Header,将所有需要的文件请求一遍,服务器会返回文件的完整内容,而不是仅仅一个 304 Not Modified 状态码。

http code 304基础

1) 什么是”Last-Modified”?

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

Last-Modified: Fri, 12 May 2006 18:53:33 GMT

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

If-Modified-Since: Fri, 12 May 2006 18:53:33 GMT

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

2) 什么是”Etag”?

    HTTP 协议规格说明定义ETag为“被请求变量的实体值” (参见 —— 章节 14.19)。另一种说法是,ETag是一个可以与Web资源关联的记号(token)。典型的Web资源可以一个Web页,但也可能是JSON或XML文档。服务器单独负责判断记号是什么及其含义,并在HTTP响应头中将其传送到客户端,以下是服务器端返回的格式:

ETag: "50b1c1d4f775c61:df3"

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

If-None-Match: W/"50b1c1d4f775c61:df3"

如果ETag没改变,则返回状态304然后不返回,这也和Last-Modified一样。本人测试Etag主要在断点下载时比较有用。

Last-Modified和Etags如何帮助提高性能?

聪明的开发者会把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和一个空的响应体。

 

浏览器缓存

 

减少服务器之间的往返,缩短相应时间.

缓存静态内容:在http头信息中,cache-control属性表示缓存信息。
设置cache-control属性,可以在IIS管理器中设置cache-control的值,还可以在Web.Config文件中配置:

<system.webserver>

    <staticContent>
        <clientCache cacheControlAge="usage" cacheControlMaxage="365.00:00:00"/>
    </staticContent>
</system.webserver>

在后面还可以为特定的静态资源,设置更短的时间。

关闭游览器缓存

可以为特定的静态资源关闭浏览器缓存,可以在IIS中设置,也可以在Web.Config文件中配置:

<location path="image.jpg">

    <system.webserver>
        <staticContent>
            <clientCache cacheControlMode="DisableCache"/>
        </staticContent>
    </system.webserver>
</location>

缓存动态内容

在ASPX页面中使用声明方式实现缓存,设置过期时间:

<%@outputcache Duration="86400" Location="client" VaryByParam="None"%>
这句话在运行时中会生成Http头,让浏览器缓存86400秒(1天),还必须设置VaryByParam="None"属性,表明该页面的多个版本不需要独立缓存。
还可以通过编程方式设置,在后置代码或者httpModule中:

void SetCache()

{
    this.Response.Cache.SetExpires(DateTime.Now.AddDays(1));//可以忽略
    TimeSpane ds = new TimeSpane(1,0,0,0);
    this.Response.Cache.SetMaxage(ds);//关键代码
}

使用缓存配置

在Web.Config文件中配置一个缓存,然后可以在ASPX里面outputcache中使用:

<system.web>

    <caching>
        <outputcachesetting>
            <outputcacheprofiles>
                <add name="cacheDay" duration="86400" location="client" varyByParam="none"/>
            </outputcacheprofiles>
        </outputcachesetting>
    </caching>
</system.web>

 

转载地址:http://lroul.baihongyu.com/

你可能感兴趣的文章
MVC4重复提交数据
查看>>
C# 获取农历日期
查看>>
LinkServer--在Job中使用Linkserver注意事项
查看>>
Socket 通信(基础原理、实时聊天系统雏形)
查看>>
MySQL性能优化的20条经验
查看>>
.Net高级技术——字符串拘留池(Intern)
查看>>
专访暴风影音首席架构师鲍金龙:程序员没有天才
查看>>
使用升级版的 Bootstrap typeahead v1.2.2
查看>>
项目中自增长编码生成方法
查看>>
认清Linux中标准输入和标准输出的双重含义
查看>>
[家里蹲大学数学杂志]第270期张恭庆编《泛函分析讲义》2.5节以前的习题参考解答...
查看>>
Smack 广播
查看>>
[物理学与PDEs]第2章习题5 正应力的平均值
查看>>
DIV元素水平和垂直居中
查看>>
ASP.NET MVC 5– 使用Wijmo MVC 5模板1分钟创建应用
查看>>
JVM体系结构之三:方法区之1
查看>>
【ARM】arm系列知识框架
查看>>
剑指OFFER之树的子结构(九度OJ1520)
查看>>
C# 窗体WinForm中动态显示radioButton实例
查看>>
Asp.net MVC 3 防止 Cross-Site Request Forgery (CSRF)原理及扩展 安全 注入
查看>>