仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1379|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 带来一篇加速网页会见速率:更新CSS缓存怎样处置

[复制链接]
变相怪杰 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:11:04 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
破洛洛文章简介:HTML中CSS和js链接中的版本号.
背景
在搜刮引擎中搜刮关头字.htaccess缓存,你能够搜刮到良多关于设置网站文件缓存的教程,经由过程设置能够将css、js等不太常常更新的文件缓存在扫瞄器端,如许访客每次会见你的网站的时分,扫瞄器就能够从扫瞄器的缓存中猎取css、js等,而不用从你的服务器读取,如许在必定水平上加速了网站的翻开速率,又能够勤俭一下你的服务器流量。
成绩
如今成绩来了,.htaccess设置的css、js缓存都有一个过时工夫,假如在访客的扫瞄器中已缓存了css、js,在这些css、js缓存未过时之前,扫瞄器只会从缓存中读取css和js,假如你在服务器上修正了css和js,那末这些变动在转头客的扫瞄器中是不会有变更的,除非转头客按了Ctrl+F5革新了你的网站页面大概手动清空了扫瞄器的缓存。一个网站的访客不计其数,转头客也会有很多,你不成能在更新css后让每一个访客都革新一下缓存吧,那末这个成绩你会怎样处置呢?
处置举措
1.变动css文件名:实在办理这个成绩很复杂,缓存是经由过程文件名标志缓存的内容的。在你更新了网站的css文件内容后,在改换一下css的文件名就能够了。如本来html中的css挪用语句以下:
<linkrel="stylesheet"href=“http://www.ckuyun.com/style.css”type="text/css"media="screen"/>
改一下css文件名就能够了:
<linkrel=“stylesheet”href="http://www.ckuyun.com/index.css"type="text/css"media="screen"/>
别的一种从变动css文件名的办法是将版本号写到文件名中,如:
<linkrel="stylesheet"href="http://www.ckuyun.com/index.v2011.css"type="text/css"media="screen"/>
css文件更新后,改一下文件名中的版本号便可:
<linkrel="stylesheet"href="http://www.ckuyun.com/index.v2012.css"type="text/css"media="screen"/>
2.给css文件加个版本号:实在每次修正css文件后还要修正css的文件名有点贫苦,那末我们能够在加载css语句中到场个版本号(即css链接中?前面的内容)就能够了。如本来html中的css挪用语句以下:
<linkrel="stylesheet"href=“http://www.ckuyun.com/style.css?v=2011”type="text/css"media="screen"/>
改一下css文件的版本号改成2012就能够了:
<linkrel="stylesheet"href=“http://www.ckuyun.com/style.css?v=2012”type="text/css"media="screen"/>
总结
实在css文件前面的问号起不到实践感化,仅能看成后缀,假如用问号加参数的办法,能够增加版本号等信息,同时能够革新一下扫瞄器真个缓存。一个小小的细节,能够给我们带来很年夜的便利。
</p>
Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-3 03:18

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表