本站停止维护,已转移至laravel学习网;欢迎大家移步访问!

网站更新后清除缓存,给css或js添加版本号,以及css或js的优化

  1. 浏览器访问网站的缓存原理,当我们的浏览器第一次访问网站时,会对网页的js,css,以及图片进行下载,以便加速浏览器的运行,

  2. 但是当我们网站更新后,别人进入我么的网站,有些时候会发现css或者js文件名没有更改,我们常常需要刷新或者清除缓存才能获取最新的css或者js,那么我们怎么来解决这些问题呢?其实我们只需要给css以及js加一个版本号,客户端浏览器就会重新下载新的js或css文件,起到刷新缓存的作用.

<link rel="stylesheet" href="common.css?v=1" type="text/css"/>
<!--当网站访问的时候,就会获取到新的版本号-->
<link rel="stylesheet" href="common.css?v=2" type="text/css"/>

css文件后面的问号起不到实际作用,仅能当作后缀,如果用问号加参数的方法,可以添加版本号等信息,更新的同时可以刷新一下浏览器端的缓存。一个小小的细节,可以给我们带来很大的方便。

3.优化:

    1、把CSS样式表置于顶部,把js脚本置于页面底部

    2、避免使用CSS表达式(Expression)

    3、使用外部JavaScript和CSS,如非必要,不要直接在页面写css和js

    4、削减JavaScript和CSS(空白,重复,非必要)

    5、css避免使用滤镜

    6、剔除重复脚本

    5、减少DOM访问

转载请注明 :一沙网络原文出处:http://bbs.earnp.com/article/148
问题交流群 :562864481
8
打赏
发布时间 :2016-08-29 16:38:10
分享

3 个评论

  • 无名氏
    回复
    2016-08-29 23:48
    文章写得很专业。
  • 无名氏
    回复
    2016-08-29 23:47
    帮我解决了问题,真棒。
  • 无名氏
    回复
    2016-08-29 23:47
    文章很棒很实用,谢谢。

要回复文章请先登录注册