01
渲染进程概述
什么是渲染进程 · 浏览器架构位置 · 核心职责
基础架构
02
启动与生命周期
进程启动 · 页面加载渲染 · 销毁与资源回收
进程生命周期
03
主线程架构
任务循环机制 · 消息队列与事件循环 · 优先级调度
线程事件循环
04
HTML解析与DOM构建
解析器工作原理 · 词法/语法分析 · DOM树构建
HTMLDOM
05
CSS解析与样式计算
CSS解析器 · 规则匹配 · ComputedStyle
CSS样式
06
布局（Layout）原理
布局树 · 盒模型 · 定位/浮动 · BFC与IFC
布局盒模型
07
绘制与合成
绘制指令 · 图层树 · 合成器 · 硬件加速
渲染GPU
08
JavaScript引擎集成
V8交互 · 宏任务/微任务 · requestAnimationFrame
JS事件循环
09
资源加载与网络请求
网络栈 · HTTP/2 · QUIC · 预加载/预渲染
网络性能
10
缓存机制
HTTP缓存 · 内存缓存 · Service Worker · 失效策略
缓存SW
11
渲染进程的线程模型
主线程 · 工作线程 · 合成线程 · 光栅线程
线程架构
12
工作线程（Worker）
Web Worker · Shared Worker · Service Worker
Worker并行
13
合成线程详解
合成任务 · 帧生成 · 滚动/动画独立合成
合成动画
14
光栅线程与GPU加速
光栅化 · GPU纹理 · Skia/Direct2D
GPU光栅
15
内存管理
内存分配 · 垃圾回收 · 泄漏检测与优化
内存GC
16
渲染性能优化
关键渲染路径 · 重排/重绘 · 图层优化
性能优化
17
动画与交互性能
60fps · 帧预算 · 输入处理 · 防抖节流
动画交互
18
安全机制
同源策略 · 沙箱 · Site Isolation · CSP
安全隔离
19
跨进程通信（IPC）
Mojo · 消息传递 · 同步/异步调用
IPCMojo
20
崩溃与恢复
崩溃检测 · 报告生成 · 无痕恢复
稳定性恢复
21
调试与性能分析
DevTools · Performance · Memory · Lighthouse
调试工具
22
扩展机制
Chrome扩展API · 内容脚本 · 消息通道
扩展API
23
WebGPU与新一代渲染
WebGPU管线 · 计算着色器 · 对比WebGL
WebGPU未来
24
WebAssembly集成
Wasm加载/编译 · JS互操作 · 性能边界
Wasm性能
25
测试策略
单元测试 · 集成测试 · 基准测试 · 模糊测试
测试质量
26
日志与监控
日志系统 · 性能指标 · Crashpad集成
监控日志
27
配置与实验
Feature Flags · Field Trials · 渐进式发布
实验配置
28
国际化与本地化
文本渲染 · 字体回退 · 双向文本
i18n字体
29
可访问性
无障碍树 · ARIA · 屏幕阅读器
a11y包容
30
未来趋势
Servo · Fission · WebCodecs/WebTransport
前沿架构