如何防止浏览器缓存CACHE?将CSS、JS、图片加上参数

作者:码迷
作者:码迷SEO
发布时间:2019-11-06 09:40:01阅读:38点赞:6

如何防止浏览器缓存CACHE?将CSS、JS、图片加上参数/

cache

什么是浏览器缓存

浏览器缓存功能是网页性能优化的项目之一

使用浏览器缓存功能如果用户再次来到您的网站,缓存css、js、jpg、png图档等静态资源将能使网页打开速度加快,同时也能减少服务器负担。

更多关于浏览器缓存功能可参考google说明文档

https://developers.google.com/speed/docs/insights/LeverageBrowserCaching

用了浏览器缓存会遇到的问题

用了缓存之后总有些后遗症,例如调整了css或JavaScript、更新了图片

但缓存时间还没到期,即便css、js与图档已经更新了,用户可能看见的仍是旧的内容

若要立即看到最新内容,就必须清除缓存或是使用Ctrl+F5强制重新加载页面

并不是所有的用户都懂得使用Ctrl+F5这类方式来看到最新的网页内容

解决浏览器缓存的方法

浏览器缓存这个问题虽然很烦人,但其实只要在扩展名后方加上参数

如此一来浏览器会认定URL变得不相同,向服务器请求新的下载

方式如下:

在style.css后方加上”?”以及”自订字符串”

可以是乱数、日期时间、版本编号

例如

乱数 > style.css?f5V3Ra (随机乱打就对了)

日期 > style.css?20140627

版本 > style.css?v2.10.1

累加 > style.css?0001 (每改一次+1)

依照自己的更新频率、习惯或喜好决定使用哪种方式即可

前提是不要与旧版本重复哦

原代码像这样:

css

<link rel=”stylesheet” type=”text/css” href=”css/style.css?awooseo-01″ />

js

<script src=”js/script.js?rr616″></script>

同样方式也适用于图档喔

像是这样:

<img src=”/images/course1.png?v2″>

css的用到的图片也可以:

.logo{background:url(../images/logo.png?justin_edit);}

本文网址:https://www.mamioo.com/seo-master/nv25823r7943

本站内容均为「码迷SEO」原创整理,未经授权严禁采集转载,违者必究。
评论
相关文章
  • 与Google算法同行,让你做好SEO没烦恼!【2019更新】

    与Google算法同行,让你做好SEO没烦恼!【2019更新】

    Google算法与时俱进,跟紧Google算法才有办法做好SEO。Google利用算法评估一个网站是否符合用户需求,让搜索结果能够解决用户问题,因此,务必让网站SEO跟随Google算法不断地进化。继续阅读>>

    10浏览1赞2019-12-04 13:40:01
  • 2019年SEO元素周期表【中文版】,一表掌握搜索引擎优化关键要素

    2019年SEO元素周期表【中文版】,一表掌握搜索引擎优化关键要素

    从2011年首次推出以来,Search Engine Land的SEO元素周期表(The Periodic Table of SEO Factors),成为全球SEO专业人士喜爱的工具之一。我们推荐这一份SEO元素周期表的原因,是因为它可以帮助理解SEO策略必要的元素。为了让各位营销人可以用最快的时间理解,我们已将它制作成中文版,并在本篇文章中教你们如何使用这一份SEO元素周期表。继续阅读>>

    37浏览6赞2019-11-08 12:20:01
  • 用结构化数据与Google沟通,分析结构化数据的优点、写法

    用结构化数据与Google沟通,分析结构化数据的优点、写法

    结构化数据是一种协助搜索引擎理解网站内容的系统,以标准化的格式,针对网站所提供的消息、内容特性进行分类。结构化数据就像是帮网站写上注释一样,让搜索引擎可以更快速的理解到重要信息,同时也会有许多额外的好处喔!继续阅读>>

    18浏览8赞2019-11-28 10:20:01
  • 2019年SEO趋势是什么?「机器学习、物联网、用户体验」影响下的SEO

    2019年SEO趋势是什么?「机器学习、物联网、用户体验」影响下的SEO

    2019 年的 SEO 除了受机器学习技术、IoT(物联网)产业发展的影响,另外也受到了大环境考验──「假新闻漫天飞,落入有心人士手中操弄」──对于这样的风潮,2019年搜索引擎算法有什么变动趋势呢?让我们从回顾2018年的SEO大事件,并且综合搜索营销的演变,来预估2019年SEO的趋势吧!在这个人人都可当媒体人的时代,要辨别消息的真与假实在很难。尤其许多「风向操作」团体,可以利用空穴来风的消息,操弄社会舆论甚至是选举结果。基于这个现象越来越严重,2018年3月Google宣布「Google新闻决策」(),9月更近一步,同意一起在欧洲共同打击假新闻。自然 Google 会从自家的产品动刀,Google Search 在去年就发生了核心算法的调整,希望能大幅度提升 Google Search 的搜索品质,在搜索这一环阻挡假消息被看到。 健康知识搜索市场,若将每个网站摊开来看,你会发现在每一家都在8月1日开始全面流量大洗牌,几家欢乐几家愁。也可以看出 Google 这样的调整,其实让健康市场走向零和趋势,已具有规模的传媒可以赢者全拿。另外细看这些流量,也可看到 Google 在10月初有继续阅读>>

    28浏览5赞2019-11-28 09:40:02
  • http网站红色警戒,Google提升信息安全基本线如何影响SEO与数字营销?

    http网站红色警戒,Google提升信息安全基本线如何影响SEO与数字营销?

    Google透过官方博客宣布将更改http、https网页的信息安全警示方式,这将会在访客行为、SEO网站排序、数字广告投放成本上影响你的网站经营、数字营销成效。继续阅读>>

    32浏览3赞2019-11-02 11:00:01
  • 为2017年的SEO搜索引擎优化发展趋势做准备

    为2017年的SEO搜索引擎优化发展趋势做准备

    随着2016年的过去,这一年搜索引擎算法经历了无数大大小小的改变,我们会看到RankBrain会越来越聪明,这意味着在做SEO的时候需要花更多心思在网站上,这才能够达成想要达到目标继续阅读>>

    2浏览1赞2019-12-09 11:20:01