网站速度优化技术篇— 网站过期头 的设置

网友投稿 162 2023-04-23

网站速度优化技术篇— 网站过期头 的设置

网站过期头 是什么东西?很多同学不是很理解是什么意思,简单的说就是你的浏览器在打开一个网址的时候,会去抓取网页内所有的 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文件进行备份,以防止万一出现更新错误能够有挽救的就会

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

好了,到此为主,过期头的添加实操过程已经讲解完毕,

如果还有不理解的地方,

请使用百度或者谷歌浏览器搜索关键词---“Jack外贸建站”,排名首页首位的就是我的网站,网站上有更多外贸建站、谷歌SEO优化和外贸客户开发等免费的实操干货内容在等着你哦!

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
上一篇:欧美客户海外abm营销(海外edm营销平台)
下一篇:欧美客户光伏出海(欧美光伏产业)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~