如何更新缓存HTML 中的css 和js 链接
  • 更新时间:2024-09-27 05:55:27
  • 网站建设
  • 发布时间:1年前
  • 450

北京网站建设公司推来客:在搜索引擎中搜索关键字.htaccess缓存,可以搜索到很多设置网站文件缓存的教程,通过设置可以缓存不经常更新的文件,比如作为css和js在浏览器端,访问者每次访问你的网站制作,浏览器都可以从浏览器缓存中获取css,js等,而不是从你的服务器读取,所以一定程度上加快了速度加快网站的打开速度并节省您的服务器流量。

现在的问题是.htaccess设置的css和js缓存有过期时间。如果访问者的浏览器中已经缓存了css和js,那么浏览器只会缓存过期前的css和js。读取css和js,如果你在服务器上修改了css和js,那么这些修改在回头客的浏览器中是不会改变的,除非回头客按Ctrl+F5刷新你的网站页面或者手动清除浏览器缓存。一个网站有数以万计的访问者,会有很多回头客。更新css后不可能每个访问者都去刷新缓存。那么你如何处理这个问题呢?

解决方案

1、给css文件添加版本号:其实每次修改css文件都要修改css文件名有点麻烦,那么我们可以在loading css语句中添加一个版本号(也就是css 链接后的内容?)好的。比如原html中的css调用语句如下:

将css文件的版本号改为2012即可:

2、更改css文件名:其实解决这个问题很简单。缓存通过文件名来标记缓存的内容。更新网站的css文件内容后,只需更改css的文件名即可。比如原html中的css调用语句如下:

只需更改css 文件的名称:

另一种更改css文件名的方法是将版本号写入文件名

css文件更新后,只需更改文件名中的版本号即可:

实际上,css文件后面的问号没有实际作用,只能作为后缀。如果使用带问号的添加参数的方式,可以添加版本号等信息,同时在浏览器端刷新缓存。一个小细节就能给我们带来很大的方便。

本文发表于北京网站制作公司推来客http://www.tlkjt.com/

我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!

本文章出于推来客官网,转载请表明原文地址:https://www.tlkjt.com/web/13421.html
推荐文章

在线客服

扫码联系客服

3985758

回到顶部