《
网页缓存引发的困难_成都最大的网络公司》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/11061E2012.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="stylesheet" href="/css/styles.css?v=1234" type="text/css" />
方法三、修改援用文件路径
这里最好的是在服务器配置文件中进行配置来实现文件门路映射(url mapping)。
<link rel="stylesheet" href="/css.1234/styles.css" type="text/css" />
做网站;
以上我们以css为例进行了阐明,咱们来看看图片跟js文件。
Images
因为图片的引用个别写在css文件中,并采取绝对路径,所以当css的引用路径发生变更的时候,依据重写规矩,图片被解析的路径天然会同步产生更新。
JS
实用于css的方法同样都适用于JS。
停止语
当然web站点性能的优化,除了缓存之外,还有很多的办法。好比我们可以借助YSlow来辅助用户得到最好的休会。
(责任编辑:网站建设)
网页缓存引发的困难_成都最大的网络公司相关文章