初探浏览器缓存实现原理-提高性能.docxVIP

第 第 PAGE 3 页 初探浏览器缓存实现原理-提高性能 浏览器缓存将文件保存在客户端，好的缓存策略可以减少对网络带宽的占用，可以提高访问速度，提高用户的体验，还可以减轻服务器的负担。因此我们有必要了解它的实现原理，用来提高网站的性能。 当一个客户端请求 web 服务器, 请求的内容可以从以下几个地方获取：服务器、浏览器缓存中或缓存服务器中。这取决于服务器端输出的页面信息。页面文件有三种缓存状态。 必威体育精装版的：选择不缓存页面，每次请求时都从服务器获取必威体育精装版的内容。 未过期的：在给定的时间内缓存，如果用户刷新或页面过期则去服务器请求，否则将读取本地的缓存， 这样可以提高浏览速度。 过期的：也就是陈旧的页面，当请求这个页面时，必须进行重新获取。 页面的缓存状态是由 http header 决定的，一个浏览器请求信息，一个是服务器响应信息。主要包括Pragma: no-cache 、 Cache-Control 、 Expires、 Last-Modified、If-Modified-Since 。其中 Pragma: no-cache 由 HTTP/1.0 规定，Cache-Control 由 HTTP/1.1 规定。 Cache-Control 的主要参数 Cache-Control:private/publicPublic 响应会被缓存，并且在多用户间共享。 Private 响应只能够作为私有的缓存，不能再用户间共享。 Cache-Control:no-cache ：不进行缓存 Cache-Control:max-age=x ：缓存时间 以秒为单位 Cache-Control:must-revalidate ：如果页面是过期的 则去服务器进行获取。 Expires：显示的设置页面过期时间 Last-Modified：请求对象最后一次的修改时间 用来判断缓存是否过期 通常由文件的时间信息产生 If-Modified-Since ：客户端发送请求附带的信息 指浏览器缓存请求对象的最后修改日期 用来和服务器端的 Last-Modified 做比较 如 IE 的设置里面有四种方式(如图)的每次访问页面检查，用户使用重新加载或超过了过期日期，浏览器就会认为这个页面是陈旧的(它将发送附加一个 If-Modified-Since 的信息. 如果页面没有改变，服务器端响应一个 304 状态 NotModified ，而不发送整个页面，这样就会很快，但服务器必须要生成有效的 Last-Modified headers 且服务器时间必须是有效的。 一个不进行缓存的服务器端响应 HTTP/1.0200OK Content-Type:text/html Content-Length:19662 Pragma:no-cache Cache-Control:no-cache Server:Roxen/2.1.185 Accept-Ranges:bytes Expires:Wed,03Jan200100:18:55GMT 有时候仅仅设置 Pragma:no-cacheCache-Control:no-cache 还是不保险，需要将过期时间设置成过去的时间就确保了对象不被缓存。 一个允许缓存的服务器端响应 HTTP/1.1200OK Date:Tue,13Feb200114:50:31GMT Server:Apache/1.3.12 Cache-Control:max-age=43200 Expires:Wed,14Feb200102:50:31GMT Last-Modified:Sun,03Dec200023:52:56GMT ETag:1cbf3-dfd-3a2adcd8 Accept-Ranges:bytes Content-Length:3581 Connection:close Content-Type:text/html Cache-Control:max-age=43200 表示缓存 12 个小时 我们来看一个浏览器缓存的具体例子第一次请求文件 Request： GET/file.htmlHTTP/1.1 Accept:image/gif,image/x-xbitmap,image/jpeg,image/pjpeg,application/vnd.ms-powerpoint, application/vnd.ms-excel,application/msword,application/x-comet,*/* Accept-Language:en-us Accept-Encoding:gzip,deflate User-Agent:Mozilla/4.0(compatible;MSIE5.5;WindowsNT5.0) Host:01 C