web缓存200和304区别

最新推荐文章于 2023-07-29 14:49:17 发布
最新推荐文章于 2023-07-29 14:49:17 发布
阅读量637 收藏
点赞数
文章标签： web缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41828282/article/details/102364061
版权
本文介绍了前端缓存的两种主要类型——HTTP缓存和浏览器缓存，重点讲解了HTTP缓存的工作流程，包括强缓存和协商缓存。HTTP缓存的关键在于HTTP响应头的Cache-Control、Expires、Last-Modified和Etag等字段，以及它们如何影响200和304状态码的返回。通过理解这些概念，开发者可以更好地优化Web应用的性能。
摘要由CSDN通过智能技术生成

web缓存

  1. 前端缓存主要分为HTTP缓存和浏览器缓存。HTTP缓存是在HTTP请求传输时用到的缓存，主要是在服务器代码上设置，浏览器缓存是在前端js上设置；

 

  1. HTTP缓存

整体流程：HTTP缓存都是从第二次请求开始的。

第一次请求资源时，服务器返回资源，并在respone header头中回传资源的缓存参数；第二次请求时，浏览器判断这些请求参数，击中强缓存就直接200，否则就把请求参数加到request header头中传给服务器，看是否击中协商缓存，击中则返回304，否则服务器会返回新的资源。

F5刷新可以刷新last modify，不是ctrl + F5

 

form memory cache
最低0.47元/天 解锁文章
faine℃
关注
HTML5 Web缓存和运用程序缓存(cookie,session)
09-27
HTML5 Web缓存和应用程序缓存是Web开发中提高性能和用户体验的重要机制。它们包括了传统的Cookie、Session以及HTML5引入的LocalStorage和SessionStorage。理解这些缓存机制的工作原理和应用场景对于优化Web应用至关...
[译]理解HTTP/304响应
weixin_34405557的博客
11-17 260
原文:http://www.telerik.com/automated-testing-tools/blog/eric-lawrence/12-11-06/understanding-http-304-responses.aspx 刚刚开始使用Fiddler的用户经常会对Fiddler的网络会话(Web Sessions)列表中的HTTP/304响应感到困惑: 如果客户端发送的是一个条...
前端中SessionStorage & Localstorage
qq_45515182的博客
08-16 2006
SessionStorage、LocalStorage介绍
细说缓存与304
weixin_33828101的博客
06-23 254
写在最前 在平时的前端开发中我们经常会遇到这种操作。明明我代码更新了，咋刷出来还是以前的呢？是不是缓存了？快清下缓存看看！你看页面是304，怪不得没更新！等等很多情况。作者起初也不是很了解，因为这个不由前端来控制，都是后端的操作。故这次使用node也来写一个控制缓存的服务来真正搞明白这里的道道。欢迎关注我的博客，不定期更新中—— 浏览器缓存机制 在说这个服务如何写之前我们先要明白浏览器缓存到底是个...
对 HTTP 304 的理解
十年砍柴的博客
11-22 1019
对 HTTP 304 的理解 最近和同事一起看Web的Cache问题，又进一步理解了 HTTP 中的 304 又有了一些了解。 304 的标准解释是：Not Modified 客户端有缓冲的文档并发出了一个条件性的请求（一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档）。服务器告诉客户，原来缓冲的文档还可以继续使用。 如 果客户端在请求一个文件的时候，发现自
HTTP状态码304详解
我的博客
04-07 2万+
图和代码来源理解HTTP缓存和304状态码 下图是使用express启动了一个服务，启动之后浏览器访问两次localhost:8080所得请求、响应头 var express = require('express'); var app = express(); app.get('/', function(req, res) { res.send('hello world'); }); a...
webapi接口缓存组件
08-17
这个自定义的WebAPI接口缓存组件应该具有易用性和可扩展性。用户可以简单地在API接口上添加特性来启用缓存，同时组件应提供接口或配置项供开发者自定义缓存策略、存储方式等。 例如： ```csharp [CacheTime(60)] //...
Web开发人员需知的Web缓存知识
03-23
Web开发人员需知的Web缓存知识.最近的译文距今已有4年之久，原文有一定的更新。今天踩着前辈们的肩膀... 　Web缓存游走于服务器和客户端之间。这个服务器可能是源服务器(资源所驻留的服务器Add)，数量可能是1个或多个;
web端测试时，接口返回200，页面又没有显示，可能是什么原因？
weixin_46032748的博客
06-22 1万+
接口返回200，页面又没有显示，
Java网络开发（Tomcat）—— Servlet学习 & Web相关背景知识 + 网页状态码（304） & JavaWeb项目初步
Arya的博客，专注后端领域
05-29 1123
1.tomcat搭建web项目初步，xml配置文件设置；2.JavaWeb项目静态、动态文件存放，及其访问链接分析；3.Servlet的创建和访问，访问路径分析，@WebServlet实现；4.servlet启动异常原因分析；5.网页状态码解析；
web304缓存
jack的博客
05-13 277
//获取最后一次更新时间 recomm=Recomm::select(′updatedat′)−>orderBy(′updatedat′,′desc′)−>first();if(recomm = Recomm::select('updated_at')->orderBy('updated_at','desc')->first(); if(recomm=Recomm::select(′updateda​t′)−>orderBy(′updateda​t′,′desc
加载js 报错 304 Not Modified
热门推荐
Ghjkku的博客
04-13 13万+
第一次访问 200 鼠标点击二次访问 (Cache) 按F5刷新 304 按Ctrl+F5强制刷新 200 刷新页面，重新加载js，清除缓存拒绝304，同样的方法 css 也适用 document.write（），是读取文件，个人理解为不管文件有没有发生变化，每次都会删去之前加载的，然后再重新去载入js 当然 ，Math.raandom（）这里也是重点，添加随机数 解决这种问题方法很简单，只需在url后面拼接一个时间戳就行了。示例代码如下： <script>document
前端性能优化
欢迎来到我的博客
08-18 297
减少请求数量 【合并】 　　如果不进行文件合并，有如下3个隐患 　　1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟 　　2、受丢包问题影响更严重 　　3、经过代理服务器时可能会被断开 　　但是，文件合并本身也有自己的问题 　　1、首屏渲染问题 　　2、缓存失效问题 　　所以，对于文件合并，有如下改进建议 　　1、公共库合并 　　2、不同页面单独合并 【图片处理】 　　1、雪碧图 　　CSS雪碧图是以前非常流行的技术，把网站上的一些图片整合到一张单独的图片中，可以减少网
header---如何防止304请求失败
weixin_45105430的博客
09-23 1205
今天碰见了一个很难缠的问题，去翻找了好多资料都没有解决方案，全是让我理解的文章，解决方案一个没有，头很炸，这个问题在其他的网站上面找到了解决方案。 首先我们在宝塔部署前后端分离的项目，前端的代码放在哪里，我们第一次访问的时候是200的状态码，下次一刷新就是304，然后在ctrl+f5，就又是200，这就是缓存造成的，我们清理了服务器的缓存，但是访问还是这样，上面全是为解析的前段js代码链接 在下被...
HTTP statusCode 200 OK 和 304 Not Modified
wuyujin1997的博客
05-10 1791
场景 启动Node服务器之后，GET一个文件资源，多次刷新发现除了第一次，之后的相应码皆为304。 响应分为五类：信息响应(100–199)，成功响应(200–299)，重定向(300–399)，客户端错误(400–499)和服务器错误 (500–599) 首先看响应码大类： 请求码格式 含义 1XX 信息响应 2XX 成功响应 3XX 重定向 4XX 客户端错误 5XX 服务端错误 再看200和304的区别： 200 OK 请求成功。成功的含义取决于HTTP方法：
localStorage和sessionStorage之间的区别？
weixin_47450807的博客
03-22 1万+
一、写在前面 今天总结一下localStorage和sessionStorage之间的区别。 二、具体区别 2.1、声明周期的区别 localStorage是永久存储在浏览器中，只要当用户不删除数据，则该数据就会一直存放在localStorage中。sessionStorage是会话级别的存储，从名字session我们就可以看出来了，也就是当用户关闭浏览器，此时数据就会被销毁。 2.2、存储大小：localStorage和sessionStorage存储大小都是5MB。 2.3、sessionStorage
前端存储之sessionStorage和localStorage
最新发布
study_way的博客
07-29 2060
sessionStorage是一种用于web浏览器中临时保存数据的客户端存储机制。它允许在同一个浏览器窗口的会话期间，保存和访问临时数据，而这些数据在用户关闭窗口或者标签页会被清除。
web日记中的200，304和404代表什么
weixin_30394333的博客
06-11 98
1：200 0 0 成功访问该页面，0代表抓取成功并带回数据库。这个时候你就放心了，这个页面已经被bd收录，但是还没有释放出来，bd更新时就可能释放出来。2：200 0 64 网络上流传着这么三种解释第一：64为K站的前兆。第二64的出现只是64位操作系统。第三：网络不可达，由于某种原因无法完全打开页面，或者网络不稳定这些原因，导致蜘蛛无法带回页面或者说不抓取该页面，所以200 0...
Web缓存策略模拟与优化
"本书深入探讨了Web缓存技术，对于从事CDN（内容分发网络）工作的专业人士来说，是一本重要...对于想要深入理解Web缓存和CDN的人来说，这本书将提供宝贵的理论知识和实践指导，帮助他们更好地优化网络性能和用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值