加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

浏览器缓存看这一篇就够了

发布时间:2019-04-03 01:47:24 所属栏目:建站 来源:前端小将
导读:赏识器缓存作为机能优化的重要一环,对付前端而言,重要性不问可知。早年老是一孔之见的,以是这次好好清算总结了一下。 1、缓存机制 起首我们来总体感知一下它的匹配流程,如下: 赏识器发送哀求前,按照哀求头的expires和cache-control判定是否掷中(包

etag是http协议提供的多少机制中的一种Web缓存验证机制,而且应承客户端举办缓存协商。天生etag常用的要领包罗对资源内容行使抗碰撞散列函数,行使最近修改的时刻戳的哈希值,乃至只是一个版本号。 和last-modified一样.

赏识器会先发送一个哀求获得etag的值,然后再下一次哀求在request header中带上if-none-match:[生涯的etag的值]。

通过发送的etag的值和处事端从头天生的etag的值举办比对,假如同等代表资源没有改变,处事端返回正文为空的相应,汇报赏识器从缓存中读取资源。

etag可以或许办理last-modified的一些弱点,可是etag每次处事端天生都必要举办读写操纵,而last-modified只必要读取操纵,从这方面来看,etag的耗损是更大的。

二者比拟

  • 准确度上:Etag要优于Last-Modified。
  • 优先级上:处事器校验优先思量Etag。
  • 机能上:Etag要逊于Last-Modified

4、用户举动对赏识器缓存的影响

  1. 打开网页,地点栏输入地点: 查找 disk cache 中是否有匹配。若有则行使;如没有则发送收集哀求。
  2. 平凡革新 (F5):由于 TAB 并没有封锁,因此 memory cache 是可用的,会被优先行使(假如匹配的话)。其次才是 disk cache。
  3. 逼迫革新 (Ctrl + F5):赏识器不行使缓存,因此发送的哀求头部均带有 Cache-control:no-cache(为了兼容,还带了 Pragma:no-cache),处事器直接返回 200 和最新内容。

5、总结

假若有错误可能不严谨的处所,请务必给以指正,异常感激。假如喜好可能有所开导,接待star对作者也是一种勉励。

【责任编辑:庞桂玉 TEL:(010)68476606】
点赞 0

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读