浏览器缓存机制：http缓存

最新推荐文章于 2024-07-24 14:39:15 发布
最新推荐文章于 2024-07-24 14:39:15 发布
阅读量95 收藏
点赞数 1
文章标签： 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yal_insist/article/details/129555845
版权

http缓存简介

一般项目中每个页面会有很多http请求，每个页面资源也有很多共享的资源，比如：图片、js、css等资源。http缓存就是可以将平时大量常用并且很少修改的资源让浏览器在本地缓存，大大加快访问速度。

效果演示

比如访问百度，有些资源是从客户端本地内存读取的，所以耗时0毫秒，这既能节省服务器的资源，又能加快客户端访问速度，岂不美哉！
在这里插入图片描述

http首部字段

在这里插入图片描述

浏览器使用缓存的流程图

在这里插入图片描述

参考资料

https://zhuanlan.zhihu.com/p/342774826

我叫985
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
HTTP缓存机制详解
DUDUfine的专栏
03-08 5218
HTTP缓存机制详解
浏览器缓存机制：强缓存和协商缓存
weixin_42910765的博客
10-11 2310
缓存 memory cache 是内存中的缓存，主要包含当前页面中已经下载的资源，比如样式、脚本、图片等等。读取内存中的数据肯定比磁盘块，但是内存缓存的时间段，会随着进程的是否而释放。一旦我们关闭 Tab 页面，内存中的缓存就被释放了。因为内存有限，并不是所有的资源文件都会放在内存里缓存，它主要用来缓存有 preloader 相关指令的资源，比如。preloader 可以一边解析 js/css 文件，一边网络请求下一个资源。 disk cache 也就是存在磁盘上的缓存，读取速度比 memory cach
Http缓存
qq_45768871的博客
10-16 1133
http 背景 以前啥都不懂时候听这个名字感觉好牛b的，实际上这玩意很简单，就是改个请求头完了。 概念 一、强缓存 强缓存是设置过期时间，超过设置的时间会发请求，否则就会走缓存，连请求也不会发。状态码是200 二、协商缓存 协商缓存常用模式有两种，一种是last-modified，一种是etag。也有地方叫对比缓存的。 last-modified就是资源的修改时间。如果客户端来请求服务器一个文件，服务器便会给请求头加上last-modified返回给客户端，客户端下次请求同一个文件时，会带上If-Modi
浏览器缓存机制（详）
qq_40147756的博客
12-21 1463
详细介绍浏览器的缓存机制
浏览器缓存机制：HTTP强缓存与协商缓存、缓存位置service worker、manifest配置离线应用、用户行为
hhhh
04-27 982
应用场景 前端代码打包之后的生成的静态资源就要发布到静态服务器上，需要做运维配置。 gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能和用户体验的。 缓存可以减少了不必要的数据传输，节省带宽；减少服务器的负担，提升网站性能；加快了客户端加载网页的速度 但是需要注意： 资源如果有更改但是客户端不及时更新会造成用户获取信息滞后 所以掌握缓存的原理，更加合理的配置缓存是非常重要滴。 强缓存 强制 当浏览器去请求某个文件的时候，服务端就在respone header里面对该文件做了缓存配置，由服务端控
JavaScript基础之缓存机制：浏览器缓存机制
lee前端技术站
08-10 3170
缓存可以说是网站性能优化非常有用的一种方式。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。 对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再将数据回传回来，这样就减少了响应数据。 一、缓存的位置 从缓存的位置来说，主要是分为四种，如果这四种都没有命中，才回去发起网络请求
彻底理解浏览器的缓存机制
猫老板的豆
08-30 3542
我们第一次进入页面，请求服务器，然后服务器进行应答，浏览器会根据来判断是否对资源进行缓存，如果响应头中expires或者字段，代表这是强缓存，浏览器就会把资源缓存在或disk cache中。第二次请求时，浏览器判断请求参数，如果符合强缓存条件就直接返回状态码200，从本地缓存中拿数据。否则把响应参数存在request header请求头中，看是否符合协商缓存，符合则返回状态码304，不符合则服务器会返回全新资源。
面试题：说说浏览器的缓存机制
Hlleo Wrold
06-04 929
强制缓存优先于协商缓存。强制缓存生效则直接使用缓存数据，否则进行协商缓存。协商缓存由服务器决定是否使用缓存中的数据。协商缓存生效则服务器返回 304，使用缓存数据，否则重新请求结果，再存入浏览器缓存中。
浏览器缓存机制(HTTP缓存机制)
jinhf10的博客
04-06 787
浏览器缓存知识1. 缓存过程分析2. 强缓存的原理2.1 Expires2.2 Cache-Control2.3 from memory cache 和 fromdisk cache2.4 强缓存的管理3 协商缓存3.1 Last-Modified / If-Modified-Since3.2 Etag / If-None-Match4 总结 浏览器缓存，也就是客户端缓存，既是网页性能优化里面静态资源相关优化的一大利器，也是无数web开发人员在工作过程不可避免的一大问题，所以在产品开发的时候我们总是想办法避
浏览器的缓存机制
weixin_49461415的博客
05-19 5383
浏览器的缓存机制 定义: 浏览器的缓存机制就是把一个请求过的web资源拷贝一份副本存储存在浏览器中;缓存会根据进来的请求保存输出内容的副本,当一下个请求到来的时候,如果是相同的url,缓存会根据缓存机制决定是否直接使用副本响应访问请求,还是向服务器再次发送请求.比较常见的就是浏览器会缓存访问过的页面,当再次访问这个URL地址的时候,如果网页没有更新就不会再次下载网页,而是直接使用本地缓存的网页;只有当网站明确标识已更新,浏览器才会再次下载网页 Cache-Control (与浏览器缓存机制有关的属性)
浏览器缓存机制介绍与缓存策略剖析.pptx
05-27
本文将详细介绍浏览器缓存机制的工作原理、 Memory Cache、Disk Cache、 HTTP Cache 三种缓存机制的区别和应用场景，以及强缓存和协商缓存的机制。 Memory Cache Memory Cache 是浏览器在内存中存储的缓存，主要...
浏览器缓存机制剖析
02-25
本篇从HTTP请求和响应的头域入手，让你对浏览器缓存有个整体的概念。最终你会发现强缓存，协商缓存和启发式缓存是如此的简单。浏览器对于请求资源，拥有一系列成熟的缓存策略。按照发生的时间顺序分别为存储策略、...
浏览器缓存机制面试常考.zip
03-13
通过通俗易懂的语言，本博客介绍了浏览器缓存的工作原理，HTTP缓存控制字段，缓存策略的应用，以及面试中可能遇到的关于缓存的问题和实战演练。此外，还探讨了缓存的高级话题，如缓存头字段、缓存与性能的关系，以及...
浏览器缓存机制
12-06
浏览器缓存机制、Expires策略（http1.0）和Cache-control策略（http1.1）、Last-Modified/If-Modified-Since、ETag/If-None-Match
关于MyBatis的缓存详解
最新发布
威哥爱编程，一个坚持研究技术的80后老鸟，擅长后端、AI 大模型、鸿蒙等技术体系，愿与你在技术路上一起成长！
07-24 564
局部的 session 缓存：MyBatis 默认开启的缓存是局部的 session 缓存，这意味着每个 MyBatis session 都会有自己的缓存，这个缓存仅在当前 session 内有效。它主要用于处理循环依赖和提升性能。MyBatis 的缓存机制非常灵活，可以通过简单的配置来满足不同的性能需求。合理地使用缓存可以显著提高应用程序的性能，尤其是在处理大量数据库查询时。然而，开发者需要注意缓存的一致性和并发问题，特别是在使用可读写缓存时。
mybatis中的缓存（一级缓存、二级缓存）
m0_62943934的博客
07-23 745
在计算机的世界中，缓存无处不在，重要性不言而喻。作为一款优秀的ORM框架，MyBatis中又岂能少得了缓存，本博客基于mybatis 3.5.11版本，全面介绍mybatis一级缓存、二级缓存以及自定义缓存的使用方法、实现原理、应用场景、优缺点等，并进行验证，带你彻底掌握MyBatis缓存。
springboot集成redis之字典缓存
龙泉诗
07-23 575
Redis的缓存是Redis内部用于存储键值对数据结构的一种基础数据结构。在Redis中，所有的键值对都是通过字典这种数据结构来存储的。字典在Redis中扮演着核心角色，因为它不仅用于数据库中的键值对存储，还用于实现其他如哈希、集合等复杂数据结构。 以下是关于Redis字典缓存的一些关键点：Redis的字典缓存是支撑其高性能的一个关键因素，它使得Redis能够以极快的速度处理大量的数据。 service层 controller层 测试 根据code获取名称 只需要配置好本地的数据库，连接上自己本地的r
Python面试题：Python中的记忆化与缓存技术
码农超哥的博客
07-21 399
记忆化和缓存技术是Python中优化计算性能的有效方法。记忆化主要用于递归函数，常通过手动实现或使用装饰器来实现。缓存则更广泛地应用于需要重用计算结果的场景，可以使用cachetools和等库来实现。通过合理地使用这些技术，可以显著提高程序的执行效率。
Mybatis——缓存简介
chenyang_88的博客
07-22 475
查询： 连接数据库，耗资源一次查询的结果，给他暂存在一个可以直接取到的地方 --> 内存：缓存我们再次查询相同数的时候，直接走缓存，就不用走数据库了1. 什么是缓存【Cache】？存在内存中的临时数据将用户经常查询的数据放在缓存（内存）中，用户去查询数据就不用从磁盘上（关系型数据库数据文件）查询，从缓存中查询，从而提升查询效率，解决了高并发系统的性能问题2. 为什么使用缓存？减少和数据库的交互次数，减少系统开销，提高系统效率3. 什么样的数据能使用缓存？经常使用并且不经常改变的数据。
浏览器HTTP缓存机制详解：提升性能与开发者挑战
浏览器HTTP缓存机制是Web开发中一个至关重要的概念，它涉及到服务器和客户端之间如何高效地传输数据，从而提高网页加载速度、减少网络流量并减轻服务器负担。当用户访问一个网站时，浏览器会遵循特定的规则来决定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我叫985

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值