变相怪杰 发表于 2015-1-15 23:11:04

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

表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
破洛洛文章简介: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

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

第二个灵魂 发表于 2015-2-14 21:00:35

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

愤怒的大鸟 发表于 2015-3-4 10:39:18

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

简单生活 发表于 2015-3-11 18:23:53

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

小女巫 发表于 2015-3-19 07:41:53

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

仓酷云 发表于 2015-3-27 15:10:51

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
页: [1]
查看完整版本: 带来一篇加速网页会见速率:更新CSS缓存怎样处置