INSIGHTS & SHARING / 观点与分享

如何更新缓存HTML 中的css 和js 链接

网站建设 阅读 927

北京网站建设公司推来客:在搜索引擎中搜索关键字.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/

本文来自推来客官网,转载请注明原文地址:
https://www.99hyw.cn/web/13421.html

NINE REASONS TO CHOOSE US

选择推来客,九大优势

从开发效果到后续服务,
把每一份信任,落到实处。

01 / 效果

效果做到满意为止

认真打磨每一个细节,用实际效果回应您的期待。

02 / 价值

高性价比

让投入回到业务价值,兼顾品质、功能与开发成本。

03 / 技术

专业技术团队

理解业务需求,以专业技术推进项目落地。

04 / 经验

10年+运营经验

长期深耕开发与运营,让经验成为项目的底气。

05 / 积累

成品项目多

丰富的项目积累,为不同场景提供更多成熟参考。

06 / 费用

无任何增加费用

费用明晰透明,合作过程清楚放心。

07 / 口碑

行业良好的口碑

用交付与服务积累认可,珍惜每一次客户推荐。

08 / 售后

完善的售后机制

项目交付后持续提供服务,让系统使用更安心。

09 / 交付

源码交付,自主掌握

项目源码完整交付,后续维护与迭代自主掌握。

我们的服务

软件系统开发

围绕业务流程,提供软件系统设计与开发服务。

小程序开发

结合使用场景,提供小程序设计与功能开发服务。

高端网站建设

结合品牌展示与业务需求,提供网站设计与建设服务。

物联网 / API 对接

连接设备与业务系统,提供接口集成与数据对接服务。

SELECTED WORK

推荐案例,让想法落地

更多项目案例

在线客服

扫码联系客服

3985758

回到顶部