浏览器HTTP缓存机制

最新推荐文章于 2023-08-30 17:57:26 发布
VIP文章 最新推荐文章于 2023-08-30 17:57:26 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： 技术分享 文章标签： 浏览器 HTTP 缓存 浅析
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rennaiqian/article/details/79145122
版权
介绍HTTP缓存之前先简单说一下Web缓存

Web缓存是一种保存Web资源副本并在下次请求时直接使用该副本的技术。

       Web缓存可以分为这几种：浏览器缓存、CDN缓存、服务器缓存、数据库数据缓存 。因为可能会直接使用副本免于重新发送请求或者仅仅确认资源没变无需重新传输资源实体，Web缓存可以减少延迟加快网页打开速度、重复利用资源减少网络带宽消耗、降低请求次数或者减少传输内容从而减轻服务器压力。

       这篇文章主要讨论和前端密切相关的浏览器HTTP缓存机制。浏览器HTTP缓存可以分为强缓存和协商缓存。强缓存和协商缓存最大也是最根本的区别是：强缓存命中的话不会发请求到服务器（比如chrome中的200 from memory cache），协商缓存一定会发请求到服务器，通过资源的请求首部字段验证资源是否命中协商缓存，如果协商缓存命中，服务器会将这个请求返回，但是不会返回这个资源的实体，而是通知客户端可以从缓存中加载这个资源（304 not modified）。
强缓存与协商缓存

浏览器HTTP缓存由HTTP报文的首部字段决定

最低0.47元/天 解锁文章
任乃千
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTTP 协议入门
weixin_34037173的博客
08-26 470
2019独角兽企业重金招聘Python工程师标准>>> ...
浏览器缓存 四种缓存分类 两种缓存类型
最新发布
fyw1789的博客
03-11 1040
在正式开始讲解浏览器缓存之前，我们先来回顾一下整个Web应用的流程。上图展示了一个Web应用最最简单的结构。客户端向服务器端发送HTTP请求，服务器端从数据库获取数据，然后进行计算处理，之后向客户端返回HTTP响应。那么上面整个流程中，哪些地方比较耗费时间呢？总结起来有如下两个方面：发送请求的时候涉及到大量计算的时候一般来讲，上面两个阶段比较耗费时间。首先是发送请求的时候。这里所说的请求，不仅仅是HTTP请求，也包括服务器向数据库发起查询数据的请求。其次是大量计算的时候。
前端之浏览器缓存机制
Hello，this is cirzear
12-06 629
通俗地讲，缓存可以分为HTTP缓存和本地缓存 HTTP缓存又可以分为强缓存和协商缓存 强缓存即 不会向服务器发送请求，直接从缓存中读取资源 请求返回200的状态码 在chrome控制台的network选项中可以看到size显示from disk cache或from memory cache。 from memory cache代表使用内存中的缓存，from disk cac...
（二）不只是 huohuo 的 浏览器 面试题
huohuoit的博客
06-23 601
按照网上习惯性的文章撰写路线，第二篇应该是 CSS，也确实，各种各样的标签，也是由CSS在背后默默地做属性支持。但是对于 HTML 的很多问题，跟浏览器的关系太大了，让我不禁想去好好看看 HTML 跟浏览器之间的那些事。另外，可能一提到前端，绝大多数人都会脱口而出“JavaScript”，不过我觉得 CSS 才是前端技术里最精彩绝伦的技术，所以后面我会对 CSS 做一个特殊处理，先让我先把浏览器相关面试题做一份梳理吧。 ...
了解浏览器缓存
weixin_44792849的博客
06-30 1587
last-modified 最后修改时间，服务端在Header上给出的资源最后修改时间。第一次请求资源时，服务端会在响应Header中会返回last-modified字段。
浏览器缓存机制剖析
02-25
本篇从HTTP请求和响应的头域入手，让你对浏览器缓存有个整体的概念。最终你会发现强缓存，协商缓存和启发式缓存是如此的简单。浏览器对于请求资源，拥有一系列成熟的缓存策略。按照发生的时间顺序分别为存储策略、...
浏览器HTTP缓存运行机制流程图.zip
01-23
浏览器HTTP缓存运行机制的流程图 强缓存和协商缓存
浏览器缓存机制
12-06
浏览器缓存机制、Expires策略（http1.0）和Cache-control策略（http1.1）、Last-Modified/If-Modified-Since、ETag/If-None-Match
浏览器缓存
weixin_43611411的博客
11-09 1057
浏览器缓存——学习笔记
彻底理解浏览器的缓存机制
猫老板的豆
08-30 2417
我们第一次进入页面，请求服务器，然后服务器进行应答，浏览器会根据来判断是否对资源进行缓存，如果响应头中expires或者字段，代表这是强缓存，浏览器就会把资源缓存在或disk cache中。第二次请求时，浏览器判断请求参数，如果符合强缓存条件就直接返回状态码200，从本地缓存中拿数据。否则把响应参数存在request header请求头中，看是否符合协商缓存，符合则返回状态码304，不符合则服务器会返回全新资源。
搞懂浏览器缓存（强缓存和协商缓存）
dgdfshsdf的博客
06-15 1527
浏览器缓存、强缓存、协商缓存、cache-control、private、public、max-age、no-cache、no-store 、etag、last-modified
网络：浏览器静态资源缓存机制
五山口老法师
01-25 1076
一、前言 为什么需要缓存？ 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。 对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求（强缓存），或者发起了请求但后端存储的数据和前...
浏览器页面缓存 - Cache【性能篇】
问白的博客
04-09 1727
如果【停用缓存】被勾选了，浏览器发送的请求中就会自带 Cache-Control：no-cache和Pragma：no-cache两个请求头。会强制要求缓存把请求提交给原始服务器进行验证 (协商缓存验证)。假如 Cache-Control 在请求头中不存在的话，Pragma：no-cache的行为与 Cache-Control: no-cache 一致。在Demo演示之前，切记将浏览器中的 【网络 -> 停用缓存】选项不要勾选。否则浏览器不会从本地缓存取数据。
【浅解】浏览器缓存
jiang_ziY的博客
03-29 8109
本章包含：1、缓存概念，2、web缓存的种类，3、浏览器缓存的种类，4、http缓存，5、强制缓存，6、协商缓存，7、Cookie，8、cookie、localStorage的异同
【一文就够】浏览器缓存机制详细知识点梳理
weixin_45709829的博客
03-26 4021
浏览器缓存机制详细知识点梳理 在前端的性能优化中，浏览器缓存是很重要的一环。比如在页面前进或者后退，发现丝毫不卡顿很流畅，就是缓存机制的力量。 一、什么是缓存 浏览器缓存Brower Caching是浏览器对之前请求过的文件进行缓存，以便再次访问的时候提高页面展示的速度。比如当我们第一次访问CSDN网站的时候，PC会把从网站上的图片和数据下载到电脑上。当再次访问CSDN网站的时候，网站直接从PC加载，这就是缓存。 二、为什么需要缓存？缓存有哪些优势？ （1）浏览器缓存是将文件保存在客户端，减少重复请求浪费网
http浏览器的缓存机制
05-31
HTTP 协议中的缓存机制可以分为两种：强缓存和协商缓存。 1. 强缓存 强缓存是指浏览器在请求资源时，直接从本地缓存中获取资源，而不会发送请求到服务器。强缓存可以通过设置响应头中的 Cache-Control 和 Expires 字段来实现。 - Cache-Control: max-age=3600 表示资源的缓存时间为 3600 秒，即 1 小时。在缓存时间内，浏览器直接从缓存中获取资源，不会向服务器发送请求。 - Expires: Wed, 21 Oct 2021 07:28:00 GMT 表示资源的过期时间为 Wed, 21 Oct 2021 07:28:00 GMT，在过期时间前，浏览器直接从缓存中获取资源，不会向服务器发送请求。 如果同时设置了 Cache-Control 和 Expires 字段，那么 Cache-Control 的优先级更高。 2. 协商缓存 当强缓存失效时，浏览器会发送请求到服务器进行协商缓存。协商缓存可以通过设置响应头中的 ETag 和 Last-Modified 字段来实现。 - ETag ETag 是服务器生成的资源唯一标识符，当资源发生变化时，ETag 值也会发生变化。如果浏览器发送的请求头中包含 If-None-Match 字段，那么服务器会将该字段的值与资源的 ETag 值进行比较，如果相同，则返回 304 Not Modified 状态码，表示资源未发生变化，浏览器可以从缓存中获取资源。 - Last-Modified Last-Modified 是资源最后修改的时间，当资源发生变化时，Last-Modified 值也会发生变化。如果浏览器发送的请求头中包含 If-Modified-Since 字段，那么服务器会将该字段的值与资源的 Last-Modified 值进行比较，如果相同，则返回 304 Not Modified 状态码，表示资源未发生变化，浏览器可以从缓存中获取资源。 如果同时设置了 ETag 和 Last-Modified 字段，那么 ETag 的优先级更高。 需要注意的是，协商缓存虽然可以减少网络请求，但是会增加服务器的负担。因此，对于一些静态资源，可以使用 CDN 加速和缓存来降低服务器的负担。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值