Blink's Rendering: Fragment Tree to Layer Tree Conversion
Blink2865 Syys 2025

Blink's Rendering: Fragment Tree to Layer Tree Conversion

The provided text details Blink's rendering pipeline, specifically focusing on the conversion of the Fragment Tree to the Layer Tree within Chromium's RenderingNG architecture. It explains how layout outputs, captured as an immutable Fragment Tree, are processed through a Pre-Paint phase to build paint property trees (for transforms, clips, effects, and scrolls). Subsequently, the Paint phase generates display items grouped into paint chunks, each associated with a property tree state. Finally, the layerization algorithm (handled by the PaintArtifactCompositor) evaluates these paint chunks, applying merging heuristics and compositing reasons, to create a cc::Layer tree ready for GPU rasterization and display, with CompositorElementIds ensuring efficient synchronization for animations and scrolling.

Jaksot(392)

LCD Text Rendering – Algorithm, Heuristics & Scroll Raster Impacts

LCD Text Rendering – Algorithm, Heuristics & Scroll Raster Impacts

The source text provides an extensive technical overview of LCD text rendering (subpixel antialiasing) within the Google Chrome browser's architecture, involving the Blink rendering engine and the Ski...

11 Marras 202542min

Compositor-Thread Scrolling – CC Mechanics and Property Trees

Compositor-Thread Scrolling – CC Mechanics and Property Trees

The source provides an extensive technical overview of Chrome’s Compositor-Thread Scrolling architecture, explaining how modern web rendering achieves smooth, low-latency scrolling by handling most sc...

11 Marras 202545min

Blink Main-Thread Scrolling – DOM, Layout, and Lifecycle

Blink Main-Thread Scrolling – DOM, Layout, and Lifecycle

The source provides an extensive technical overview of how the Blink rendering engine handles scrolling, particularly focusing on the main-thread scrolling lifecycle. It explains that while modern bro...

10 Marras 202545min

Architecture of Scrolling in Chrome (Blink vs. CC Overview)

Architecture of Scrolling in Chrome (Blink vs. CC Overview)

The source provides an extensive overview of the Chrome browser's scrolling architecture, detailing the division of labor between the Blink rendering engine (main thread) and the Chromium Compositor (...

10 Marras 202526min

[ext] Web View Transitions: Technical Deep Dive

[ext] Web View Transitions: Technical Deep Dive

The source provides an exhaustive technical and historical overview of the Web View Transition API, a modern set of web platform features designed to enable fluid, animated transitions between user in...

9 Marras 20251h 16min

Chromium Input Handling Deep Dive: Compositor and Proxy

Chromium Input Handling Deep Dive: Compositor and Proxy

The sources provide an extensive examination of Chromium’s input handling pipeline, focusing on the roles of the InputHandler and InputHandlerProxy within the renderer's dedicated compositor thread. T...

8 Marras 202540min

Web View Transitions: Technical Deep Dive

Web View Transitions: Technical Deep Dive

The second source introduces the View Transition API, a modern web platform feature that allows developers to create smooth, animated transitions between different UI states or entire pages by automat...

8 Marras 202547min

Chrome Compositor: Raster-Inducing Scrolling Explained

Chrome Compositor: Raster-Inducing Scrolling Explained

The source provides an extensive technical explanation of raster-inducing scrolling within the Chrome browser's rendering pipeline, focusing on the sophisticated architecture of the Chrome Compositor ...

8 Marras 202542min