浏览器组成

浏览器作为发送 HTTP 请求的客户端，掌握它的细节对 fronter 来说非常重要。

打开一个 tab 标签页实际上会创建多个进程，这是因为浏览器为了安全稳定性（进程间隔离）提出的多进程架构。

• 浏览器主进程
• 渲染进程
• 网络进程
• 插件进程
• GPU 进程

渲染进程

渲染过程

一些优化手段 🤨

• 浏览器的渲染队列机制
• 异步加载 JS 脚本
• 内联样式
• 脱离文档流，减少重排重绘
• 减少 DOM 操作
• 优化关键渲染路径