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

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

如何防止浏览器缓存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算法不断地进化。继续阅读>>

    80浏览6赞2019-12-04 13:40:01
  • Google眼中的SEO与站长须知:Webmaster Conference Okinawa重点整理

    Google眼中的SEO与站长须知:Webmaster Conference Okinawa重点整理

    Google认为的网站管理员须知与SEO指南是什么?Google搜索团队(Google search team)为普及正确的SEO知识,提供网站管理员与Google工程师可以直接交流的机会,过去在许多城市举办了Google Dance,今年开始更名为Webmaster Conference。为获取最新的Google搜索引擎相关情报,本次参加Google所举办的Webmaster Conference Okinawa!就让我们来看看此次Webmaster Conference的重点精华整理吧! Google使命为整理世界各地的情报,让全世界的人都能够取得与运用;并认为完美的搜索引擎是能够正确掌握用户的意图,提供符合用户需求的搜索结果。在配合Google理念的前提,想运用Google搜索来让网页增加曝光率,需注意的3个重点为: 在这内容为王的时代,提供用户优质的内容就是SEO的核心宗旨;然而再优秀的内容若无法出现在搜索结果也是枉然,因此使用Google Search Console(GSC)可有效率且确实地提报给Google搜索引擎。近年来由于手机端的普及,及其性能的大幅提升,使用手机来获继续阅读>>

    55浏览17赞2020-02-09 13:20:01
  • 2019年SEO元素周期表【中文版】,一表掌握搜索引擎优化关键要素

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

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

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

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

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

    93浏览25赞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月初有继续阅读>>

    103浏览12赞2019-11-28 09:40:02
  • 子网域好还是子目录好?架设博客、新网站必备评估

    子网域好还是子目录好?架设博客、新网站必备评估

    到底用子网「buy.happy.com」好?还是用子目录「www.happy.com/buy/」好?哪一个方式对 SEO 来说是最划算的?如果你有这些疑问,相信这篇文章可以给「对子网域、子目录议题有点苦恼下不了决定」的你,得到这些有用信息⋯⋯继续阅读>>

    45浏览11赞2020-03-05 09:00:01