Blink's Rendering: Fragment Tree to Layer Tree Conversion
Blink2865 Sep 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.

Episoder(391)

CSS Keywords and Blink Rendering Engine

CSS Keywords and Blink Rendering Engine

These sources provide a detailed technical history of CSS keywords and features, tracing their evolution from the foundational CSS1 (1996), which introduced the box model and basic typography, through...

16 Okt 202553min

View Transitions

View Transitions

View transitions

16 Okt 202528min

CSS Backdrop-Filter

CSS Backdrop-Filter

The sources provide an extensive technical explanation of the CSS backdrop-filter property within Google Chrome's Blink rendering engine. This deep dive details how the feature, which allows filters l...

16 Okt 202524min

Intersection Observer

Intersection Observer

The sources provide an in-depth explanation of the Intersection Observer API within the Blink rendering engine, focusing on its architecture and implementation to improve web performance. The initial ...

16 Okt 202544min

Chrome Compositor Animation Architecture (cc)

Chrome Compositor Animation Architecture (cc)

The sources provide an extensive architectural overview of the Chrome Compositor Animation (cc) subsystem, which is responsible for executing visual animations like transforms and opacity changes effi...

15 Okt 202541min

Blink's Graph Data Structures and Traversals

Blink's Graph Data Structures and Traversals

The text provides an extensive overview of the graph-structured data structures used within Blink, Chromium's rendering engine, detailing how web content is processed from initial input to final displ...

13 Okt 202539min

blink::PropertyTreeManager

blink::PropertyTreeManager

bridges Blink property trees → cc property trees. Given Blink’s Transform/Clip/Effect/Scroll nodes (from paint property trees), this class creates/updates the cc counterparts (cc::TransformNode, cc::C...

10 Okt 202546min

blink::PaintArtifactCompositor

blink::PaintArtifactCompositor

turns chunks into compositor layers & updates cc property trees. Consumes the new PaintArtifact and does the layerization and property‑tree updates required for compositor draw. It supports fast paths...

10 Okt 202529min

Populært innen Teknologi

lydartikler-fra-aftenposten
romkapsel
tomprat-med-gunnar-tjomlid
rss-avskiltet
nasjonal-sikkerhetsmyndighet-nsm
teknisk-sett
energi-og-klima
shifter
rss-impressions-2
elektropodden
hans-petter-og-co
rss-alt-vi-kan
pedagogisk-intelligens
rss-ki-praten
smart-forklart
fornybaren
teknologi-og-mennesker
rss-tendencast-kunstig-intelligens-og-juss-2
rss-alt-som-gar-pa-strom
rss-energisk