当前位置: 网站建设 > 网页设计 > 建站经验 >

网页缓存引发的难题

时间:2013-03-02 04:13来源:未知 作者:admin 点击:

标签:网页缓存引发的难题 难题(3)如(8)困难(1)缓存(6)网站建设(1202)引发(4)网页(168)
--> [网站建设之]网页缓存引发的困难 如何均衡的使用浏览器缓存?平时我们借助缓存来减少用户加载页面文件(比方js,css,image等)的时间跟带宽,同时我们要确保用户访问的上述文件时最新的。而后者是我们经常头疼的问题。 本文重要先容一些小的技能来确保在网站文件被缓存的同时,又可以得到良好的性能和最新的更新的网站内容。 问题描写 好比我们在某页面加载了css文件, link rel=stylesheet href=/css/styles.css type=text/css / 如何优化页面访问的机能呢
网页缓存引发的难题》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234KH013.htm
--> [网站建设之]网页缓存引发的困难

如何均衡的使用浏览器缓存?平时我们借助缓存来减少用户加载页面文件(比方js,css,image等)的时间跟带宽,同时我们要确保用户访问的上述文件时最新的。而后者是我们经常头疼的问题。
本文重要先容一些小的技能来确保在网站文件被缓存的同时,又可以得到良好的性能和最新的更新的网站内容。
问题描写
好比我们在某页面加载了css文件,
<link rel="stylesheet" href="/css/styles.css" type="text/css" />
如何优化页面访问的机能呢?
手腕1、应用缓存。通常我们盼望此文件被阅读器缓存必定的时间,这样可以用户拜访此页面的时候不用每次都向服务器恳求下载此文件。咱们也能够配置服务器在页面增加”Expires”头信息,从而告知浏览器缓存此文件的时光。
手段2、我们使用yuicompressor等压缩工具对css文件进行紧缩,减小文件的大小。
问题是当因版面作风的更新,此css已经做了更新,然而用户可能依然使用的是旧的页面主题,甚至错乱的页面。这样对用户休会十分不好。
解决之道:
基本原理:诈骗浏览器,让它以为它加载的文件跟缓存的文件不一样。
方法一、修改文件名
<link rel="stylesheet" href="/css/styles.1234.css" type="text/css" />,网页界面设计之设计网站首页的技巧;
办法二、增添Query string
<link rel=",网页特效代码 JavaScript显示系统时间;stylesheet" href="/css/styles.css?v=1234" type="text/css",网页滚动条代码; />
方式三、修正引用文件路径
这里最好的是在服务器配置文件中进行配置来实现文件路径映射(url mapping)。
<link rel="stylesheet",网页滑动切换特效 采用AJAX刷新和CSS切换; href="/css.1234/styles.css" type="text/css" />
以上我们以css为例进行了阐明,我们来看看图片和js文件。
Images
因为图片的引用个别写在css文件中,并采取绝对路径,所以当css的援用路径产生变更的时候,依据重写规矩,图片被解析的门路天然会同步发生更新。
JS
适用于css的方法同样都实用于JS。
停止语
当然web站点性能的优化,网页添加CSS样式表的四种方式,除了缓存之外,还有很多的方法。比如我们可以借助YSlow来辅助用户得到最好的体验。 Tag:缓存     缓存    
(责任编辑:网站建设)
网页缓存引发的难题相关文章
上一篇:网页界面设计之设计网站首页的技巧 下一篇:网页表单设计 主流解决方案和创意思维
回到顶部