分层与图块渲染

定义

分层与图块渲染（Tiling / Tile-based Rendering）是现代浏览器合成架构中的核心策略：将每个合成层的内容切分为固定尺寸的图块（tile，Chromium 中常见 256x256 像素），以图块为单位进行光栅化、缓存与上屏。

工作方式

• 优先级调度：靠近可视区域的图块优先光栅化，屏外图块延后或不处理；
• 缓存复用：内容未变的图块直接复用已有纹理，滚动时只需合成器平移图层，无需重新绘制；
• 快速滚动时若图块尚未就绪，会短暂显示空白或棋盘格（checkerboarding），这正是「滚动白屏」现象的来源；
• 缩放时可先用低分辨率图块快速响应，再逐步替换为高清版本。

优势

图块化把「整层重绘」拆解为细粒度工作单元，便于多线程并行光栅化、限制显存占用，并使滚动与缩放可以完全由合成器线程驱动，不受主线程阻塞影响。

意义

它与合成层、GPU 光栅化共同构成「滚动为什么流畅」的技术答案，是理解浏览器渲染性能的重要拼图。