页面访问速度优化---HTTP缓存设置

HTTP缓存设置

当直接在浏览器中输入一个URL，或者点击一个链接的时候，那么浏览器缓存就会起作用，如果缓存没有过期，那么浏览器会从本地读取资源，不会发起HTTP请求，如果缓存过期，那么浏览器会发起新的浏览器请求。按ctrl+F5，浏览器会情况本地缓存，重新请求资源。

Expires是HTTP/1.0的缓存头， Cache-Control: max-age 是HTTP/1.1是用来进行HTTP缓存的头。Expires指定了资源过期的绝对时间，GMT格式，Cache-Control: max-age指定了资源过期的相对时间，单位是秒。在支持HTTP/1.1的浏览器上，如果发送两个头，那么Cache-Control: max-age会覆盖掉Expires；在支持HTTP/1.0的浏览器上，即使发送了两个头，但是只有Expires会起作用，所以为了兼容老的浏览器，还是要同时发送这两个头。设置HTTP缓存，需要安装expires_module，其会发送Expires和Cache-Control: max-age两个HTTP头。

配置：

<IfModule expires_module>

ExpiresActive On

ExpiresByType application/x-javascript"access plus 30 days"

ExpiresByType text/css"access plus 30 days"

ExpiresByType image/gif"access plus 30 days"

ExpiresByType image/jpeg"access plus 30 days"

ExpiresByType image/png"access plus 30 days"

</IfModule>

ExpiresByType application/x-javascript “access plus 30 days” 表示对js资源设置Expires和Cache-Control: max-age头，其中Expires的值是以客户端访问资源的时间为基准的后30天，Cache-Control: max-age的值是3600x24x30秒。

ExpiresByType application/x-javascript “modification plus 30 days”和上面效果一样，只是Expires的时间是以资源最后修改的时间作为计算的基准。