仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1568|回复: 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更能体现样式和结构相分离,结构的重构性强。
蒙在股里 该用户已被删除
沙发
发表于 2015-1-20 17:14:31 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
爱飞 该用户已被删除
板凳
发表于 2015-1-29 13:27:55 来自手机 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
冷月葬花魂 该用户已被删除
地板
发表于 2015-2-6 01:39:51 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
第二个灵魂 该用户已被删除
5#
发表于 2015-2-14 21:00:35 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
愤怒的大鸟 该用户已被删除
6#
发表于 2015-3-4 10:39:18 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
简单生活 该用户已被删除
7#
发表于 2015-3-11 18:23:53 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
小女巫 该用户已被删除
8#
发表于 2015-3-19 07:41:53 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
9#
发表于 2015-3-27 15:10:51 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-22 21:11

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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