设置max-age|expires进行优化网站

来源：互联网发布：添加删除windows组件编辑：程序博客网时间：2024/05/21 22:38

网页的缓存是由 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)

格式为?d=月日小时分钟，其他文件如此类推。

0 0