《web 前端基础到实战系列课程》

　　《web 前端基础到实战系列课程》
　　
　　摘要: mod_expires&mod_headers可以减少10%左右的重复请求，让重复的用户对指定的页面请求结果都CACHE在本地，根本不向服务器发出请求。 在使用之前,首先要确认一下”mod_expires”模组是否有启用.如果是自己安装Apache来架设网页主机的话,这里我们可以透过编辑Apache的”httpd.conf”设定档来处理
　　
　　一.浏览器缓存原理
　　
　　将该行前面的”#”字号删除,然后将”httpd.conf”设定档储存后,重新启动Apache来使这个更新生效.
　　
　　当然如果我们是租用虚拟主机的话,”httpd.conf”设定档我们一般用户是接触不到的,而在网站根目录里写个”.htaccess”设定档, 我想在运用上相对是较灵活的.”mod_expires”的设定资料除了可以写在Apache的”httpd.conf”设定档中,也可以写 在”.htaccess”设定档里.
　　
　　我们知道在使用浏览器浏览网页时,浏览器会把网页资料快取(Cache)下来储存在本机端,用以加快下回浏览相同网页时不必再重新由网站上下载,进 而有加速的效果.使用mod_expires模组来加速网页浏览,这里所谓的”加速”,其实是利用”mod_expires”的功能,来设定网页文件的过 期时间,加长网页文件被浏览器快取(Cache)保存的时间.如此一来,只要网页文件的过期时间未到,浏览器就会引用快取的资料,而不用花时间再去下载网 站上的资料.另一方面带给站长的好处是,可以减少浏览者对网站的流量耗用(例如有些虚拟主机有限制网站可使用的流量).
　　
　　二.mod_expires实现页面缓存
　　
　　LoadModule expires_module modules/mod_expires.so
　　
　　mod_expires默认缓存指令是ExpiresDefault，这个可以对所有文件进行缓存，我们如果想设置默认缓存，选用以方式
　　
　　<IfModule expires_module>
　　
　　ExpiresActive On
　　
　　#访问之后的一个月不再更新
　　
　　ExpiresDefault "access plus 1 month"
　　
　　#访问之后的4周不再更新
　　
　　#ExpiresDefault "access plus 4 weeks"
　　
　　#访问之后的30天不再更新
　　
　　#ExpiresDefault "access plus 30 days"
　　
　　</IfModule>
　　
　　2.1 ExpiresDefault指令
　　
　　按照Apache Server的介绍，ExpiresDefault的格式如下
　　
　　ExpiresDefault "<base> [plus] {<num> <type>}*"
　　
　　其中,base取值如下
　　
　　access #访问之后，从当前时间计算
　　
　　now(等价于access) #访问之后，从当前时间计算
　　
　　modification #修改之后，从服务器文件修改后计算
　　
　　plus是关键字，这个是系统指定的写法
　　
　　<num>表示计数，单位为秒
　　
　　<type> 表示日期单位，后者取值如下
　　
　　years
　　
　　months
　　
　　weeks
　　
　　days
　　
　　hours
　　
　　minutes
　　
　　seconds
　　
　　2.2 ExpiresByType 指令
　　
　　实际上，ExpiresDefault指令有非常严重的缓存问题，我们应该知道，所有资源被缓存，导致网站会出现更新问题，我们更应该少用ExpiresDefault而多用ExpiresByType，此外ExpiresDefault设置的时间要尽可能短。
　　
　　ExpiresByType 指令规则如下
　　
　　ExpiresByType type/encoding "<base> [plus] {<num> <type>}*"
　　
　　其中base,num,type和 ExpiresDefault 类似。
　　
　　当然，在Apache Http Server中，指令还可以使用简写方式
　　
　　ExpiresDefault type/encoding [ufrist(base)][seconds]
　　
　　ExpiresByType type/encoding [ufrist(base)][seconds]
　　
　　ufrist(base) 表示 base的首字母大写， seconds表示过期时间，单位为秒
　　
　　<IfModule expires_module>
　　
　　# Axxxx - Access seconds ,表示访问之后经过多少秒
　　
　　# Mxxxx - Modifyed seconds ,表示修改之后经过多少秒（推荐）
　　
　　ExpiresActive On
　　
　　ExpiresDefault A3600 #表示一小时后更新
　　
　　ExpiresByType image/x-icon A2592000
　　
　　#脚本文件和css样式，我们最好使用 Modification
　　
　　ExpiresByType application/javascript M2592000
　　
　　ExpiresByType text/css M2592000
　　
　　#表示修改后如果没有再次修改，那么经过一个星期才允许更新缓存
　　
　　ExpiresByType image/gif M604800
　　
　　ExpiresByType image/png A604800
　　
　　ExpiresByType image/jpeg A604800
　　
　　ExpiresByType text/plain A604800
　　
　　ExpiresByType application/x-shockwave-flash A604800
　　
　　ExpiresByType video/x-flv A604800
　　
　　ExpiresByType application/pdf A604800
　　
　　ExpiresByType text/html A900
　　
　　</IfModule>
　　
　　此外，以上写法可读性好，但是如果要更方便一些，不妨试试如下写法
　　
　　<IfModule expires_module>
　　
　　ExpiresActive On
　　
　　ExpiresDefault A3600
　　
　　# 1 年
　　
　　<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">
　　
　　ExpiresDefault A9030400
　　
　　</FilesMatch>
　　
　　# 1 星期
　　
　　<FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
　　
　　ExpiresDefault A604800
　　
　　</FilesMatch>
　　
　　# 3 小时
　　
　　<FilesMatch "\.(txt|xml|js|css)$">
　　
　　ExpiresDefault M10800
　　
　　</FilesMatch>
　　
　　</IfModule>
　　
　　三.mod_headers缓存实现
　　
　　1.关于mod_headers
　　
　　Apache HTTP server官网关于mod_headers的描述是自定义一个Request Header和Response Header
　　
　　2.mod_headers用法
　　
　　加载模块
　　
　　简单例子
　　
　　<IfModule headers_module zunyimg888.cn>
　　
　　Header set MyHeader "Hello Joe. It took %D microseconds for Apache to serve this request."
　　
　　</IfModule>
　　
　　当然，既然允许自定义，我们不妨可以通过添加Cache-Control来增强缓存
　　
　　<IfModule headers_module>
　　
　　# htm,html,txt类的文件缓存一个小时
　　
　　<filesmatch "\.(html|www.lbyule.cn htm|txt)$">
　　
　　header set cache-control "max-age=3600"
　　
　　</filesmatch>
　　
　　# css, js, swf类的文件缓存一个星期
　　
　　<filesmatch "\.(css|js|swf)$">
　　
　　header set cache-control "max-age=604800"
　　
　　</filesmatch>
　　
　　</IfModule>
　　
　　3.资源更新问题
　　
　　不像mod_expires模块具有Modification指令，那么资源更新了就会出现问题，对于这些问题如何处理？
　　
　　Cache-Control加入www.bjiagw88.cn HTTP/1.1是为了解决时间精度问题，当然，他有好几个搭档，Etag,If-Range,Last-Modified，这几个选项Apache服务器本身就实现了，当然，我们还要注意,http.conf和.htaccess不能出现如下 Header unset Etag和 Header unset Last-Modifie，否则更新缓存将成为大问题
　　
　　<IfModule mod_headers>
　　
　　Header unset Last-Modified
　　
　　Header unset Etag
　　
　　</IfModule