一、概述 浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种： 1、HTTP请求(Request)报文，报文格式为：请求行 – HTTP头(通用信息头，请求头，实体头) ...
分类：
其他好文 时间：
2020-06-11 19:35:52
阅读次数：
53
缓存类型 浏览器缓存分为强缓存和协商缓存： 1、强缓存：浏览器在加载资源时，先根据这个资源的一些http header判断它是否命中强缓存，强缓存如果命中，浏览器直接从自己的缓存中读取资源，不会发请求到服务器。比如某个css文件，如果浏览器在加载它所在的网页时，这个css文件的缓存配置命中了强缓存， ...
分类：
Web程序 时间：
2020-06-04 13:36:59
阅读次数：
75
简介 浏览器缓存机制，其实主要就是http协议定义的缓存机制（如:Expires,Cache control等).但也有非http协议定义的缓存机制，如使用HTML Meta标签，web 开发者可以在html页面的中加入标签，代码如下： 上述代码的作用就是告诉浏览器当前页面不被缓存，每次访问都需要去 ...
分类：
其他好文 时间：
2020-03-22 19:52:12
阅读次数：
71
今天在做项目的优化的时候，使用chrome开发者工具的network发现了细节： 虽然这两个看起来都是从缓存中读取，但还是有一些不一样的！ webkit资源的分类 webkit的资源分类主要分为两大类：主资源和派生资源 http状态码 200 from memory cache 不访问服务器，直接读 ...
分类：
系统相关 时间：
2020-01-18 14:28:32
阅读次数：
92
首先，上图（借鉴的别人的图） 说明下from memory cache 和 from disk cache 的区别： 首先 from memory cache 不访问服务器，直接从内存中读取，进程退出之后就没有了。from disk cache 不访问服务器，直接从磁盘缓存中读取，进程退出之后依然存 ...
分类：
其他好文 时间：
2020-01-13 21:49:11
阅读次数：
84
我们在web开发中常常会遇到这样的场景，有一些较大和常用的资源（例如图片、文档、js、css），在页面打开初始化的时候并不需要用到，而是在用户与页面互动操作触发了某些条件时才需要这些资源（例如我们打开微博可能并不是为了看热搜，但大多数时候我们会点进热搜查看热搜新闻）。 那么问题来了，如果用户去点击查 ...
分类：
其他好文 时间：
2019-09-03 22:22:35
阅读次数：
104
在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。 一、web缓存简介： web缓存是指一个 ...
分类：
其他好文 时间：
2019-07-24 00:25:26
阅读次数：
101
其机制是根据HTTP报文的缓存标识进行的。 过程：浏览器发起HTTP请求 – 服务器响应该请求。那么浏览器第一次向服务器发起该请求后拿到请求结果，会根据响应报文中HTTP头的缓存标识，决定是否缓存结果，若是，则将请求结果和缓存标识存入浏览器缓存中。 缓存过程分为两个部分，分别是强制缓存和协商缓存。 ...
分类：
Web程序 时间：
2019-06-23 20:51:17
阅读次数：
158
对一个网站而言，CSS、javascript、logo、图标这些静态资源文件更新的频率都比较低，而这些文件又几乎是每次http请求都需要的，如果将这些文件缓存在浏览器中，可以极好的改善性能。 通过设置http头中的cache-control和expires的属性和HTML Meta标签，可设定浏览器 ...
分类：
其他好文 时间：
2019-03-24 23:27:10
阅读次数：
221
一、概述 浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种： 同步sau交流学习社区（首发）：https://www.mwcxs.top/page/565.html 1 ...
分类：
Web程序 时间：
2019-02-18 16:16:30
阅读次数：
267
