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

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 (CC). It explains that Blink manages the structure and definition of scrollable areas (ScrollableArea, ScrollManager), while the Compositor handles the actual visual movement via its separate thread for maximum performance, often called threaded scrolling. Critical to this system are Property Trees (specifically the Scroll Tree and Transform Tree) which the Compositor uses to efficiently apply scroll offsets to layers without needing main thread input, and the InputHandlerProxy which intelligently routes scroll events to either the fast Compositor path or the slower Blink path based on criteria like the presence of non-passive event listeners. Finally, the text describes the vital role of the commit lifecycle in synchronizing the actual scroll position between the independent threads to maintain visual and logical consistency.

Jaksot(466)

[PRO] Chromium Compositor Sticky: Implementation and Impl-Thread Mechanics

[PRO] Chromium Compositor Sticky: Implementation and Impl-Thread Mechanics

These sources explain how the Chromium browser engine implements sticky positioning across its main and compositor threads. The process begins in Blink, where layout geometry is calculated and cached ...

10 Maalis 50min

Blink LayoutNG: Architecture of the Physical Fragment Tree

Blink LayoutNG: Architecture of the Physical Fragment Tree

These sources describe the architectural design of the Chromium Blink layout engine, specifically focusing on how physical fragments serve as durable post-layout output. The documentation explains tha...

8 Maalis 35min

Mechanics of the Blink Pre-Paint Tree Walk

Mechanics of the Blink Pre-Paint Tree Walk

These sources describe the pre-paint lifecycle phase in the Chromium Blink rendering engine, a process primarily responsible for paint invalidation and building paint property trees. The mechanism is ...

8 Maalis 49min

Blink to CC Property Tree Conversion and Commit Pipeline

Blink to CC Property Tree Conversion and Commit Pipeline

This technical deep dive clarifies the separation of duties between Blink and the Chrome compositor (cc) regarding property tree construction. The text explains that Blink converts its own paint prope...

5 Maalis 33min

Navigating Chromium Feature Launches and W3C TAG Reviews

Navigating Chromium Feature Launches and W3C TAG Reviews

The provided text details the W3C Technical Architecture Group (TAG) review and its essential role within the Chromium feature launch process. Rather than a mere formality, this review serves as archi...

5 Maalis 46min

[ADV] Chromium InputRouterImpl Deep Dive and Architecture Analysis

[ADV] Chromium InputRouterImpl Deep Dive and Architecture Analysis

The provided text explains the InputRouterImpl, a critical browser-side component in Chromium that manages the routing of input events like mouse clicks, touch, and gestures to the renderer. This syst...

3 Maalis 32min

Chromium InputRouterImpl Deep Dive and Architecture Analysis

Chromium InputRouterImpl Deep Dive and Architecture Analysis

The provided text explains the InputRouterImpl, a critical browser-side component in Chromium that manages the routing of input events like mouse clicks, touch, and gestures to the renderer. This syst...

3 Maalis 39min

Chromium WebContents: Architecture and Navigation Orchestration

Chromium WebContents: Architecture and Navigation Orchestration

In the Chromium architecture, WebContents serves as the primary engine for rendering and navigating web pages, acting as a central hub that orchestrates multi-process operations. It manages complex re...

1 Maalis 54min