背景 1、对比intersectionObserver与监听scroll性能 1-1、chrome-performance测试 intersectionObserver监听 的 performance

测试妹子给我提了个bug,说为什么一次操作，network里面两个请求。走过去一看，原来是多了个options请求。然后做了详细的解释。

HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。 HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体…

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

身为一个程序员 🧑‍💻 ，不会还有人手动一张张上传图片压缩吧 🌝 ？通过封装好的工具，就能实现自动压缩项目内的图片，彻底释放双手 🤲 ！

响应头真的那么好用？真的！特别！好用！后端让我读流下载文件，我还他一个白眼，并扔给他MDN的文档...

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

本文将从HTTP不断发展的时间线来讲解与其相关的知识点，其中包括HTTP1.1，HTTPS，SPDY，HTTP2.0，QUIC，HTTP3.0等，文章中内容涉及面较广，属于扫盲级别，不会特别深入某个知识点来延伸，希望各位读者都能有所收获。 1. WEB始祖HTTP HTTP的全…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …