今天文章来聊聊浏览器到底是如何对待下载资源的，比如说 JS、CSS、字体、图片等文件。 HTML 在解析的过程中遇到同步的 script 会卡住 DOM 解析这个知识点我相信读者们应该都知道。 上述代码中，HTML 遇到 <script>console.log(1)&…

每一个网络请求都包含三个阶段:请求=>处理=>响应.如果在短时间内重复发起同一个请求,那么服务端将会重复经历这三个阶段,我们知道每一次的请求、响应都依赖于网络的速度,每一次的处理都需要依赖服务器的资源,都会造成时间的消耗、服务端的负担, 甚至会影响用户的体验.针对上面的三个阶段…

缓存是指：为了降低服务器端的访问频率，减少通信数量，前端将获取的数据信息保存下来，当再次需要时，就使用所保存的数据。 缓存对用户体验和通信成本都会造成很大的影响，所以要尽可能地去灵活使用缓存机制。 HTTP缓存是一个以时间为维度的缓存。 浏览器在第一次请求中缓存了响应，而后续的…

1. 强缓存 浏览器直接从本地缓存中获取数据，不与服务器进行交互；它有两种依据：Expires 和 Cache-Control可以用来判断是否命中缓存（可以直接从缓存中读取资源）。 Expires即过期时间，存在于服务端返回的响应头中，即浏览器在这个过期时间之前可以直接从缓存里…

Cache-Control与Expires的作用一致，都是指明当前资源的有效期，控制浏览器是否直接从浏览器缓存取数据还是重新发请求到服务器取数据。只不过Cache-Control的选择更多，设置更细致，如果同时设置的话，其优先级高于Expires sessionStorage …

HTTPS 是在 HTTP 的基础上，利用 SSL/TLS 加密数据包。 非对称加密：发送方和接收方使用一对密钥，即公钥和私钥。一般私钥是保密不能被泄露的，公钥可以对外传播。我们可以用公钥加密私钥解密（数据加密） 也可用私钥加密公钥解密（签名--下面会解释） 如果找不到，浏览器…

见解有限，如有描述不当之处，还请大家指出，如有错误，会及时修正。（Doge保命） 这是本系列的第二篇文章，主要讲浏览器内核的组成，浏览器准备导航阶段。 对浏览器内核有初步的认知。 文章内容存在大量的引用，在本人粗浅理解下整理了其中的内容，引用的链接放置在子标题下方，如有需要，可…

性能优化是所有前端人的追求，在这条路上，方法多种多样。这篇文章，说一下可以怎样定义性能指标及上报。 FP，全称 First Paint，翻译为首次绘制,是时间线上的第一个时间点，它代表网页的第一个像素渲染到屏幕上所用时间，也就是页面在屏幕上首次发生视觉变化的时间。 通过perf…

刚好我最近也在对这一块的内容做补充和总结，受到这篇优质博文的启发，于是有了这篇博文。 如果强缓存是新鲜的，优先强缓存。 若资源没有更新，状态码为304走浏览器缓存；若为200，走协商缓存，返回更新后的资源。