juejin.cn到页面渲染之间的那些事（附带字节面试题）

原文约4300字，阅读约需11分钟。发表于：。

当我们输入 https://juejin.cn 再按下回车键，我们就开始了我们的掘金之旅了。虽然我们只是输入了一个URL，但是这其中有一系列复杂的过程，这篇文章就来探讨下，这里面发生了什么。

本文介绍了浏览器中的回流和重绘的概念，以及如何减少回流和重绘来优化浏览器性能。回流是指浏览器重新计算元素位置和几何结构的过程，常见触发回流的操作包括修改元素尺寸、位置、内容等。重绘是指根据元素样式和内容对页面进行重新绘制的过程，常见触发重绘的操作包括修改元素颜色、背景、文字样式等。文章提供了几种减少回流和重绘的方法，包括合理利用浏览器的优化策略、使用虚拟文档片段和克隆元素等。