解读 HTTP1/HTTP2/HTTP3，HTTP/2 相比于 HTTP/1.1，大幅提高了网页性能，升级该协议就可以减少之前需要做的性能优化工作，虽然如此但还是存在一定问题所以才推动HTTP3的诞生

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…

Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的工具肯定是要好好掌握的，今天

网页的性能优化我们会分为两部分来看：资源加载的性能优化、代码运行的性能优化。 代码运行的性能优化需要用 Performance 工具记录某段时间的代码运行情况，分析出 long task，定位到耗时高

浏览器渲染这是一个广而深的题目，其中的每一个点如果深入，都可以讲一整天。本文主要从广度的层面，梳理了浏览器的整体渲染流程，有不对的地方，烦请指正！ ps：本文整体思路主要参考极客时间专栏-浏览器工作原理与实践（推荐，讲的不错），文中部分图片画起来比较复杂，也直接采用了文中的图片…

现在市场上所有的浏览器前缀都是以Mozilla开头，这是原因呢？Mozilla到底有什么含义尼？今天我来解开他的秘密。网景时代大家都知道网景公司在1994年发布了第一款商业浏览器NetscapeNav

这是关于浏览器工作原理博客系列四部分中的第三部分。之前，我们介绍了多进程架构和导航流。在这篇文章中，我们将一探渲染进程的内部机制。 渲染进程涉及 Web 性能的许多方面。由于渲染进程的流程太复杂，因此本文只进行概述。如果你想深入了解，可以在 the Performance se…

使用 Chrome Devtool 进行性能分析时，在 Performance 面板上，可以看到用绿线标出来的 First-Contentful-Paint。浏览器何时进行首次渲染？网上只能查到一些模棱两可的资料，今天我们来探究这个问题。 1. 引子 在掘金上用『首次渲染』进行…

浏览器的内核中主要分为渲染引擎和 javascript 引擎，本篇主要围绕渲染引擎介绍一下浏览器的工作原理。 Mozilla/ 4. 0 (compatible; MSIE 7. 0; Windows NT 6. 0) Mozilla/ 5. 0 (Linux; Android…