网页的缓存
网页的缓存是由 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, 31 Dec 1999 16:00:00 GMT
在ASP中,可以通过Response对象的Expires、ExpiresAbsolute属性控制Expires值;通过Response对象的CacheControl属性控制Cache-control的值,例如:
Response.ExpiresAbsolute = #2000-1-1# ‘ 指定绝对的过期时间,这个时间用的是服务器当地时间,会被自动转换为GMT时间
Response.Expires = 20 ‘ 指定相对的过期时间,以分钟为单位,表示从当前时间起过多少分钟过期。
Response.CacheControl = "no-cache"
Expires值是可以通过在Internet临时文件夹中查看临时文件的属性看到的。
Apache 主机解决方案:
Apache 设置缓存可以通过 mod_headers 模块修改 cache-control 来实现。
header set cache-control "max-age="3600"。
mod_expires 实例:
<Directory /opt>
ExpiresActive On
ExpiresDefault "accesss plus 3600 seconds" 如果是1秒,后面也是seconds
ExpiresByType application/octet-stream "accesss plus 1 months" 这是对特殊文件类型bin缓存1个月
<FilesMatch ^data.swf$> 针对opt目录下data.swf设置Expire值
ExpiresActive On
ExpiresDefault "accesss plus 60 seconds"
</FilesMatch>
</Directory>
mod_headers 实例:
<Directory /opt>
header set cache-control "max-age=3600"
<FilesMatch ^data.swf$>
header set cache-control "max-age=60"
</FilesMatch>
</Directory>
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
Nginx 主机解决方案:
Nginx 的 ngx_http_headers_module 模块可以对 Cache-Control 头相关的东西进行配置,例如:
if ($request_uri ~* "^/$|^/search/.+/|^/company/.+/") {
add_header Cache-Control max-age=3600;
}
if ($request_uri ~* "^/search-suggest/|^/categories/") {
add_header Cache-Control max-age=86400;
}
expires 的设置方法,增加至主机 conf 文件中:
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d; } location ~* \.(ico|gif|jpg|jpeg|png|bmp|swf)(\?[0-9]+)?$ { expires max; break; }
通过 HTTP 的 META 设置 expires 和 cache-control 解决方案:
<meta http-equiv="Cache-Control" content="max-age=7200" /> <meta http-equiv="Expires" content="Mon, 18 Aug 2014 23:00:00 GMT" />
expires 用于设定网页的过期时间,也可设置为:
<meta http-equiv="Cache-Control" CONTENT="no-cache"> <meta http-equiv="Expires" content="0" />
CSS 中图片、字体及 JS 的 max_age 解决方案:
background-image:url(sprite/bg.png?max_age=31536000&d=05231747)