浏览器缓存相关http头

最新推荐文章于 2023-12-19 17:46:05 发布

大禹不治水

最新推荐文章于 2023-12-19 17:46:05 发布

阅读量2.4k

点赞数 2

分类专栏： web前端浏览器文章标签：缓存缓存机制 expires 浏览器缓存 etag

本文链接：https://blog.csdn.net/minedayu/article/details/24746813

版权

本文介绍了浏览器缓存的几种机制，包括Expires头、Cache-Control头和ETag。通过设置Expires可以指定资源的过期时间，而Cache-Control提供了更精细的缓存控制，ETag则是一种验证浏览器缓存内容与服务器最新内容是否一致的机制。理解并正确使用这些机制能有效优化网站性能，减少HTTP请求次数。

摘要由CSDN通过智能技术生成

最近看雅虎黄金34条，学习下优化网站性能的方法。其中有一条：“为文件头指定Expires或Cache-Control”，具体来说指对于静态内容：设置文件头过期时间Expires的值为“Never expire”永不过期；而对于动态内容：使用恰当的Cache-Control文件头来帮助浏览器进行有条件的请求。

这一条可以和雅虎34条的第一条联系起来，那就是尽量减少http的请求次数（雅虎34条很多都是努力去减少http请求为目的的），毕竟如果有太多的资源需要下载需要新的http链接叠加起来的耗时是不容忽视的。所以可以利用缓存技术来对网站的性能加以优化，从而避免不必要的http请求。刚好可以顺便整理下浏览器相关的缓存技术和与缓存相关的http的头：

1.Expires（过期时间）:

HTTP头信息Expires（过期时间）属性是HTTP控制缓存的基本手段，告诉浏览器缓存保存的时间。过了这个时间，缓存器就会向源服务器发送请求，检查文档是否被修改。适用于设置静态图片文件等等，而且对于控制有规律改变的网页也很有用，比如设置间隔固定的时间去更新等等；如果使用了Expires文件头，当页面内容改变时就必须改变内容的文件名。比如Yahoo经常使用这样的步骤：在内容的文件名中加上版本号，如yahoo_2.0.6.js，从而能够主动进行更新。

使用expires: 如果你使用的是