@cacheable 设置过期时间_网站速度优化之 网页过期头 的设置

网站过期头 是什么东西？

很多同学不是很理解是什么意思，简单的说就是你的浏览器在打开一个网址的时候，会去抓取网页内所有的 CSS、Javascript 以及图片等文件，然后给你加载出这个网站上面有什么内容.等你第二次在去打开这个网站的时候，细心的同学可能会发现，这一次的网站打开速度比第一次的打开速度更快了.

这是为什么？因为在第二次浏览器打开同一网站的时候，他还是去抓取网页内所有的 CSS、Javascript 以及图片等文件，并和第一次的抓取结果进行比对，如果没有变化，那么就还是按照第一次抓取的结果给你呈现网站的内容，如果有变化就会抓取新变化来给你呈现新的页面.这个东西就叫做过期头！

我们知道在网站中很多东西不会时时刻刻都在更新，有些内容会在很长一段时间内维持现状，比方说网站图标

那么我们就可以将这些图标的过期头代码时间设置成一个较长的期限，比方说是1年.

这里我们给出它的过期头代码

ExpiresByType image/x-icon “access plus 1 year”

看不懂？没关系，浏览器看的懂就行，这句代码的意思就是说我这个过期头的实时间是1年，1年之内你不要去抓取新的网站图标了，用老的网站图标就行. 这时候有的同学会想那我是不是可以设置的过期头时间久一点，比方说2年或者5年，那不是更省事吗？

我的意见是不要这样操作，先不说一个网站2-5年不更新还有没有存在的必要.如果你真的设置了过期头时间是2-5年，那么在这期间内你的网站做了更新 添加了新的内容，这时候哪怕你刷新了缓存，之前看过你网站的用户浏览器，由于它抓取到的是你设置过期头之前的网站内容，所以显示在客户面前的还 是你网站的老内容，新内容是不可能出现在客户面前的.这一点要引起重视！ 

同理，我们给网站图标设置了过期头之后，我们还可以给其他文件进行设置，比如说我们经常用到的图片.相对来说，图片的更新频率还是比较高的，所 以在设置网站图片的过期头的时候要结合自己的实际情况进行设置，这里我们先暂定为一个月作为例子进行演示， 图片过期头代码设置如下：

ExpiresByType image/gif “access plus 1 month”ExpiresByType image/png “access plus 1 month”ExpiresByType image/jpg “access plus 1 month”ExpiresByType image/jpeg “access plus 1 month”

这里我给出了4种不同的图片格式，分别是gif，png，jpg，jpeg，如果你在建站的过程中，全部用的是一种图片格式，比如说是jpg，那你只需要添加jpg这一种的过期头代码即可.

改完了图片之后，我们要对网站的CSS文件添加一下过期头，CSS文件我不太会去修改，所以这里我设置的是2个月为一个周期

CSS过期头代码设置如下:

ExpiresByType text/css “access plus 2 month”

改完了图片之后，我们要对网站的javascript文件添加一下过期头，javascript文件我也不太会去改动，所以这里我设置的是1个月为一个周期

javascript过期头代码设置如下:

ExpiresByType application/javascript “access plus 1 month”

在修改好上述网站的几大内容板块之后，我们要将过期头内容上传到我们网站的根目录，从而使得过期头能够生效，实操过程如下：

1.打开你的网站根目录找到.htaccess文件进行备份，以防止万一出现更新错误能够有挽救的就会

2. 点击你的.htaccess文件然后进行编辑，将下面的代码添加到你的.htaccess 文件的顶部

(注：不同的服务器会有不同的编辑方式，你也可以用FTP软件用文本文档在线修改)

好了，到此为主，过期头的添加实操过程已经讲解完毕，有不懂的地方？没关系，解决方案如下：

百度或者谷歌浏览器搜索   “JACK外贸建站”，排名首页首位的就是我的网站。网站上有更多免费的外贸建站、谷歌SEO优化、外贸客户开发等实操干货知识等着你哦！

(各位看官老爷，都看到这里了，就麻烦动动金手点击转发一下本文到自己的微信朋友圈吧，转发过程如下)

QQ:3233269705

QQ群：645296397

微信公众号：