现代浏览器渲染引擎工作原理深度剖析：从HTML解析到像素渲染的全流水线
深入剖析现代浏览器渲染引擎的完整工作原理，涵盖HTML解析、CSS处理、布局计算、绘制合成全流水线，帮助前端开发者理解性能优化本质
渲染引擎
浏览器渲染引擎架构深度解析：从HTML解析到GPU合成的完整流水线
本文系统拆解Chromium（Blink+WebKit）渲染管线的每一环节，包括HTML解析、CSSOM构建、样式计算、布局、Paint分层、GPU合成和性能优化实践，揭示从原始HTML/CSS到最终画面背后的工程决策与优化策略。
Flutter Impeller 渲染引擎深度工程实战：从 DisplayList 录制、Entity Pass 与 Tessellation 到着色器预编译与光栅化的生产级全解
拆解 Flutter Impeller 渲染引擎的 Aiks/Entity/HAL 三层架构：DisplayList 录制与重放、Entity Pass 离屏通道与 framebuffer fetch、libtess 三角化替代 stencil-then-cover、着色器 AOT 编译与 Pipeline 预热、Raster Cache 与帧调度，并给出 8 条生产调优清单。
Chromium 渲染管线深度工程实战：从 DOM 到合成帧的全链路与 INP 优化
按 Blink 与 cc 的真实分工拆开 Chromium 渲染管线：样式失效集合与 CSS 变量失效粒度、Layout NG 的约束空间与强制同步布局、Paint 显示列表与合成层/tile 光栅化、BeginFrame 与 Deadline 帧调度，给出可复现的 layout thrashing 代码反例、contain/content-visibility 治本方案、scheduler.yield 长任务切片与 Chrome Tracing 定位清单。
