mod_expires可以减少10%左右的重复请求，让重复的用户对指定的页面请求结果都CACHE在本地，根本不向服务器发出请求。

在使用之前,首先要确认一下”mod_expires”模组是否有启用.如果是自己安装Apache来架设网页主机的话,这里我们可以透过编辑Apache的”httpd.conf”设定档来处理.搜寻一下,你可能会找到这么一行:

1. #LoadModule expires_module modules/mod_expires.so

复制代码

将该行前面的”#”字号删除,然后将”httpd.conf”设定档储存后,重新启动Apache来使这个更新生效.

当然如果我们是租用虚拟主机的话,”httpd.conf”设定档我们一般用户是接触不到的,而在网站根目录里写个”.htaccess”设定档, 我想在运用上相对是较灵活的.”mod_expires”的设定资料除了可以写在Apache的”httpd.conf”设定档中,也可以写 在”.htaccess”设定档里.

我们知道在使用浏览器浏览网页时,浏览器会把网页资料快取(Cache)下来储存在本机端,用以加快下回浏览相同网页时不必再重新由网站上下载,进 而有加速的效果.使用mod_expires模组来加速网页浏览,这里所谓的”加速”,其实是利用”mod_expires”的功能,来设定网页文件的过 期时间,加长网页文件被浏览器快取(Cache)保存的时间.如此一来,只要网页文件的过期时间未到,浏览器就会引用快取的资料,而不用花时间再去下载网 站上的资料.另一方面带给站长的好处是,可以减少浏览者对网站的流量耗用(例如有些虚拟主机有限制网站可使用的流量).

接下来我们直接由范例中来学习吧.

范例一:

1. <IfModule mod_expires.c>
2.     ExpiresActive On
3.     ExpiresDefault “access plus 10 days”
4.     ExpiresByType text/css “access plus 1 second”
5. </IfModule>

复制代码

范例二:

1. <IfModule mod_expires.c>
2. ExpiresActive On
3. ExpiresDefault A86400
4. ExpiresByType image/x-icon A2592000
5. ExpiresByType application/x-javascript A2592000
6. ExpiresByType text/css A2592000
7. ExpiresByType image/gif A604800
8. ExpiresByType image/png A604800
9. ExpiresByType image/jpeg A604800
10. ExpiresByType text/plain A604800
11. ExpiresByType application/x-shockwave-flash A604800
12. ExpiresByType video/x-flv A604800
13. ExpiresByType application/pdf A604800
14. ExpiresByType text/html A900
15. </IfModule>

复制代码

范例三:

1. <IfModule mod_expires.c>
2. ExpiresActive On
3. ExpiresDefault A0
4. # 1 年
5. <FilesMatch “\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”>
6. ExpiresDefault A9030400
7. </FilesMatch>
8. # 1 星期
9. <FilesMatch “\.(jpg|jpeg|png|gif|swf)$”>
10. ExpiresDefault A604800
11. </FilesMatch>
12. # 3 小时
13. <FilesMatch “\.(txt|xml|js|css)$”>
14. ExpiresDefault A10800″
15. </FilesMatch>
16. </IfModule>

复制代码

使用<IfModule></IfModule>来包夹指令可以避免在mod_expires模组没有启用的情况下还要去 执行.如果mod_expires模组确定已经启用,那不写<IfModule></IfModule>也没关係.

ExpiresActive On是指启用mod_expires功能,相对的Off就是关闭功能.

ExpiresDefault指令是设定预设的过期时间.

从范例一和范例二中,各位可以看到关于时间设定的方式有分两种,一个是文字叙述型,一个是代码加上秒数型.

文字叙述型:

“access plus 10 days”意指浏览时起算10天.依照Apache官方说明文件,过期起算时间有三种,分别是access、now 以及modification.其中access与now意义相同,而modification指的是网页文件的”最后编辑时间”.所以如果要以档桉的最 后编辑时间起算,可以写成这样,”modification plus 10 days”.而时间的指定也很简单,就是英文单字(years、months、weeks、days、hours、minutes、seconds).例 如,可以写成这样,”access plus 1 month 15 days 2 hours”.

代码加上秒数型: 

A86400意指浏览时起算1天.格式是代码加上秒数.代码有分两种,”A”等同”access”,意指浏览时起算过期时间.使用代码”A”比较适合应用 在不常变动的网页文件类型,例如图片.另外一种代码是”M”,其意义等同于”modification”,指的是网页文件的”最后编辑时间”.使用代 码”M”比较适合应用在经常变动的网页文件类型,例如HTML页面这类经常更新内容的资料.秒数资料我在文后附上参考资料,可以供各位快速参考.

ExpiresByType指令是依照不同的网页文件型态来做过期时间设定.

例如,ExpiresByType text/css A2592000,意指网站上的CSS风格档3天后过期; ExpiresByType image/gif A604800,意指网站上的Gif图档在7天后过期.

范例三里,使用了<FilesMatch></FilesMatch>来包夹各型态的网页文件,而不是使用”ExpiresByType”指令,这也是一种用法.

 

 

 

利用Apache模块_expires和mod_headers实现文件缓存,Add an  header|为文件头指定Expires

大家在使用YSlow的，常会看到Add an 这一条分值很低，搜索很多但还不知道怎么该。下面就是答案。

Add an Expires header / 为文件头指定Expires

给静态文件加上。让浏览器或者CDN服务器起来，加速图片和其他静态文件的加载。

Expires是浏览器Cache机制的一部分，浏览器的缓存取决于Header中的四个值： Cache-Control， Expires， Last-Modified， ETag。

优化这个选项，所要做的是对站内所有的文件有针对性的设置Cache-Control和Expires.

我们要实现加上过期标志可以利用apache模块和。

通过配置.文件， 可以轻易地按文件类别设置缓存时间。对提高网站速度有一定帮助。

1. 利用mod_expires

在.htaccess中添加如下语句：

<ifmodule mod_expires.c>

expiresactive on

#默认所有文件缓存时间设置为300秒

expiresdefault a300

#html,plain-text缓存300秒

expiresbytype text/html a300

expiresbytype text/plain a300

#css, javascript缓存一个小时

expiresbytype text/css a3600

expiresbytype application/x-javascript a3600

#图标文件缓存30天

expiresbytype image/x-icon a2592000

#image类缓存一个星期

expiresbytype image/jpeg a604800

expiresbytype image/gif a604800

expiresbytype image/png a604800

#其它文件缓存一个星期

expiresbytype application/x-shockwave-flash a604800

expiresbytype video/x-flv a604800

expiresbytype application/pdf a604800

</ifmodule>

但有一个问题是我们常用的主机经常不怎么支持mod_expires，没有关系，我们用另一个模块使用mod_headers。

同样在.htaccess文件中添加如下内容可以实现缓存：

<ifmodule mod_headers.c>

# htm,html,txt类的文件缓存一个小时

<filesmatch “\.(html|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>

# jpg,gif,jpeg,png,ico,flv,pdf等文件缓存一年

<filesmatch “\.(ico|gif|jpg|jpeg|png|flv|pdf)$”>

header set cache-control “max-age=29030400″

</filesmatch>

</ifmodule>

以下为样本代码：

<FilesMatch “\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$”>

Header set Cache-Control “max-age=604800, public”

</FilesMatch>

<FilesMatch “\.(xml|txt)$”>

Header set Cache-Control “max-age=18000, public, must-revalidate”

</FilesMatch>

<FilesMatch “\.(html|htm|php)$”>

Header set Cache-Control “max-age=3600, must-revalidate”

</FilesMatch>