网站性能优化:cache-control设置详解
转自:http://www.ggseo.cn/blog/post/cache-control.html
很多与网站性能优化相关的帖子,大多只讲了应该怎么做,应该怎么设置,没有太多讲这些设置的相关解释及案例。此文重点介绍网站缓存cache-control,即哪些页面,哪些资源应该做网站缓存?并用京东的cache-control设置为案例做参考。
http响应头信息与搜索引擎蜘蛛,网站速度有着密切关系。通过设置相关头信息可以提高搜索引擎蜘蛛及用户的访问速度,提升网站有效内容的抓取量.下面重点介绍cache-control
cache-control是用于控制网页的缓存.常见的取值有private、no-cache、max-age、must-revalidate等,默认为private。
cache-control有哪些属性?
其作用根据不同的重新浏览方式分为以下几种情况:
cache-control
打开新窗口(_blank)
private、no-cache、must-revalidate再次访问服务器
Cache-control:max-age=5(表示当访问此网页后的5秒内再次访问不会去服务器)
在地址栏回车
值为private或must-revalidate则只有第一次访问时会访问服务器,以后就不再访问。
值为no-cache,那么每次都会访问。
值为max-age,则在过期之前不会重复访问。
按后退按扭
值为private、must-revalidate、max-age,则不会重访问,
值为no-cache,则每次都重复访问
按刷新按扭
无论为何值,都会重复访问
cache-control在哪里设置
001.gif
在IIS的网站属性中的http头信息选项卡中,勾选启用内容过期后有三个相关选项.
一、立即过期
启用此选项后,每次请求都会向服务器申请下载最新版本。浏览器不做缓存处理。状态返回码200。Cache信息是:no-cache。这种方式可以保证客户端看到的永远是最新版本,也就是说如果服务器端进行了更新,一定能被客户端看到。
二、此时段后过期与过期时间
这两种情况下,浏览器缓存将其作用。注意,第一次的状态是200,同时cache-control为30天(对应的秒数)。就是说这个网页会有30天的缓存。所以,而后的状态都会是304.
cache-control应该怎么设置更好?
对于图片,css,等长期不变化的内容应该设置较长的过期时间(如180天)
建议:
1.对于js和css可以独立到一个二级域名中,启用GZIP,且设置较长的过期时间
2.对于图片独立到另一个二级域名中,且设置较长的过期时间
对于静态文件(html)如果长期不更新也可以设置稍长的过期时间(如30天),需要根据当前网站的实际而定。
对于动态文件(php)可以设置较短的过期时间(如120秒)
注意:在过期时间内,如果您对文件内容进行了变化,对于用户或蜘蛛都不能浏览或抓取到你更改后的内容。这也是动态文件设置较短过期时间的主要原因。cache-control的设置只是为了节约搜索引擎蜘蛛资源,让其抓取更多有效内容,千万不能弄巧成拙。
cache-control设置案例(京东)
京东的html文件大多是产品及分类页面,设置的过期时间较短
css文件不是太长,可能由于是大网站,页面变化频率更快。对于不经常变化的css完全可以设置更长的过期时间
动态文件,这是京东的新闻内容,由于是新闻的原因,可能不常更新,所以反而设置的过期时间比静态文件长
图片文件设置了很长的过期时间,如果没算错应该是120天。
有兴趣的可以仔细研究,京东的大多类型不一样的页面的过期时间都是不同的。
网页的缓存是由HTTP消息头中的“Cache-control”来控制的,常见的取值有private、no-cache、max-age、must-revalidate等,默认为private。其作用根据不同的重新浏览方式分为以下几种情况:
(1)打开新窗口
如果指定cache-control的值为private、no-cache、must-revalidate,那么打开新窗口访问时都会重新访问服务器。而如果指定了max-age值,那么在此值内的时间里就不会重新访问服务器,例如:
Cache-control:max-age=5
表示当访问此网页后的5秒内再次访问不会去服务器
(2)在地址栏回车
如果值为private或must-revalidate(和网上说的不一样),则只有第一次访问时会访问服务器,以后就不再访问。如果值为no-cache,那么每次都会访问。如果值为max-age,则在过期之前不会重复访问。
(3)按后退按扭
如果值为private、must-revalidate、max-age,则不会重访问,而如果为no-cache,则每次都重复访问
(4)按刷新按扭
无论为何值,都会重复访问
当指定Cache-control值为“no-cache”时,访问此页面不会在Internet临时文章夹留下页面备份。
另外,通过指定“Expires”值也会影响到缓存。例如,指定Expires值为一个早已过去的时间,那么访问此网时若重复在地址栏按回车,那么每次都会重复访问:
Expires:Fri,31Dec199916:00:00GMT
在ASP中,可以通过Response对象的Expires、ExpiresAbsolute属性控制Expires值;通过Response对象的CacheControl属性控制Cache-control的值,例如:
Response.ExpiresAbsolute=#2000-1-1#'指定绝对的过期时间,这个时间用的是服务器当地时间,会被自动转换为GMT时间
Response.Expires=20'指定相对的过期时间,以分钟为单位,表示从当前时间起过多少分钟过期。
Response.CacheControl="no-cache"
Expires值是可以通过在Internet临时文件夹中查看临时文件的属性看到的。
数据包中的格式:
Cache-Control:cache-directive
cache-directive可以为以下:
request时用到:
|"no-cache"
|"no-store"
|"max-age""="delta-seconds
|"max-stale"["="delta-seconds]
|"min-fresh""="delta-seconds
|"no-transform"
|"only-if-cached"
|"cache-extension"
response时用到:
|"public"
|"private"["="<">field-name<">]
|"no-cache"["="<">field-name<">]
|"no-store"
|"no-transform"
|"must-revalidate"
|"proxy-revalidate"
|"max-age""="delta-seconds
|"s-maxage""="delta-seconds
|"cache-extension"
部分说明:
根据是否可缓存分为
Public指示响应可被任何缓存区缓存。
Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的
部分响应消息,此响应消息对于其他用户的请求无效。
no-cache指示请求或响应消息不能缓存(HTTP/1.0用Pragma的no-cache替换)
根据什么能被缓存
no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
根据缓存超时
max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应。
min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应。
max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以
接收超出超时期指定值之内的响应消息。
Expires表示存在时间,允许客户端在这个时间之前不去检查(发请求),等同max-age的
效果。但是如果同时存在,则被Cache-Control的max-age覆盖。
格式:
Expires="Expires"":"HTTP-date
例如
Expires:Thu,01Dec199416:00:00GMT(必须是GMT格式)
通过HTTP的META设置expires和cache-control
Html代码
<metahttp-equiv="Cache-Control"content="max-age=7200"/>
<metahttp-equiv="Expires"content="Mon,20Jul200923:00:00GMT"/>
[html]viewplaincopy
<metahttp-equiv="<spanclass="hilite1">Cache-Control</span>"content="max-age=7200"/><metahttp-equiv="<spanclass="hilite2">Expires</span>"content="Mon,20Jul200923:00:00GMT"/>
上述设置仅为举例,实际使用其一即可。这样写的话仅对该网页有效,对网页中的图片或其他请求无效,并不会做任何cache。
这样客户端的请求就多了,尽管只是检查Last-modified状态的东西,但是请求一多对浏览速度必定有影响。
如果要对文件添加cache可以通过apache的mod_expire模块,写法为
<IfModulemod_expires.c>
ExpiresActiveOn
ExpiresDefault"accessplus1days"
</IfModule>
记得ExpiresActive设为On,我起先没设置On,似乎怎样YSlow都查不到缓存机制。这样添加的话就是默认所有的。
如果要针对个别MIME类型则可以:
ExpiresByTypeimage/gif"accessplus5hours3minutes"
见ApacheModulemod_expires
另外,当点击浏览器上的刷新,客户端发送的请求中均是max-age=0,表示validate操作,发送请求到服务器
要求检查cache,再更新cache,一般得到的是304NotModified,表示没变动。
项目中使用过滤器来设置网页的缓存
FilterConfigfc;
publicvoiddoFilter(ServletRequestreq,ServletResponseres,
FilterChainchain)throwsIOException,ServletException{
HttpServletResponseresponse=(HttpServletResponse)res;
//settheprovidedHTTPresponseparameters
for(Enumeratione=fc.getInitParameterNames();e.hasMoreElements();){
StringheaderName=(String)e.nextElement();
response.addHeader(headerName,fc.getInitParameter(headerName));
}
//passtherequest/responseon
chain.doFilter(req,response);
}
配置文件的配置:
<filter>
<filter-name>NoCache</filter-name>
<filter-class>filter.CacheFilter</filter-class>
<init-param>
<param-name>Cache-Control</param-name>
<param-value>no-cache,must-revalidate</param-value>
</init-param>
</filter>
<filter>
<filter-name>CacheForWeek</filter-name>
<filter-class>filter.CacheFilter</filter-class>
<init-param>
<param-name>Cache-Control</param-name>
<param-value>max-age=604800</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CacheForWeek</filter-name>
<url-pattern>*.js</url-pattern>
</filter-mapping>
<filter-mapping>
<filter-name>CacheForWeek</filter-name>
<url-pattern>*.css</url-pattern>
</filter-mapping>
<filter-mapping>
<filter-name>CacheForWeek</filter-name>
<url-pattern>*.gif</url-pattern>
</filter-mapping>
上述设置保存了1周的缓存