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(404)

Fixing Chrome Bug 40786326: A Developer Walkthrough

Fixing Chrome Bug 40786326: A Developer Walkthrough

This resource provides a thorough guide to resolving Chrome Bug 40786326, which involves an inside marker trailing margin overshoot. The explanation will begin with the process of test creation, detai...

5 Syys 202541min

Flexible Grid Systems: CSS Grid and Beyond

Flexible Grid Systems: CSS Grid and Beyond

This source provides an extensive overview of CSS Grid Layout, a powerful two-dimensional system for web design. It details Grid's specifications and capabilities, explaining how tracks are sized, ite...

5 Syys 202551min

Blink's LayoutNG: Fragment Tree Generation Deep Dive

Blink's LayoutNG: Fragment Tree Generation Deep Dive

This lecture outline provides an in-depth overview of LayoutNG's fragment tree generation within Blink, Google Chrome's rendering engine. It highlights the transition from the legacy layout system, wh...

5 Syys 20251h 2min

Blink's Layer Tree: Architecture, Rendering, and Performance

Blink's Layer Tree: Architecture, Rendering, and Performance

The provided text offers an in-depth look into Blink's layer tree, a crucial component in Chromium's rendering engine responsible for transforming web pages into pixels. It explains the architecture o...

5 Syys 20251h 2min

Blink's Rendering: Fragment Tree to Layer Tree Conversion

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 ...

5 Syys 202528min

Blink's Document Class: Architecture and Lifecycle

Blink's Document Class: Architecture and Lifecycle

The provided sources offer a comprehensive overview of Blink's Document class, which serves as the core representation of a web page's content within the Chromium browser engine. The Document class is...

3 Syys 202550min

HTML Evolution: Key Tags from 1990 to HTML5

HTML Evolution: Key Tags from 1990 to HTML5

This document outlines the chronological evolution of HTML tags and CSS features from the web's inception in 1991 to 2024. It tracks the introduction, purpose, and eventual fate of various elements, i...

28 Elo 20251h 22min

Chrome's Architectural Evolution: A Technical History

Chrome's Architectural Evolution: A Technical History

The provided text chronicles the evolution of Google Chrome's architecture from its 2008 inception to 2025, emphasizing its continuous pursuit of speed, stability, and security. It details the browser...

28 Elo 202556min