Chrome Compositor LayerTree Architecture and Input Handling
Blink2867 Okt 2025

Chrome Compositor LayerTree Architecture and Input Handling

The text provides a detailed overview of the architecture and function of Chrome's Compositor (cc) component, specifically focusing on the core data structures: LayerTree and LayerTreeImpl. It explains that modern Chrome uses a multi-process model where LayerTreeHost manages the main-thread layer representation (Layer) while LayerTreeHostImpl manages the compositor-thread representation (LayerImpl), which is crucial for achieving asynchronous operations like scrolling. A key architectural element is the use of Property Trees (transform, clip, effect, scroll) to decouple geometric information from the layer hierarchy, facilitating efficient updates and thread synchronization via the commit-activation cycle. Furthermore, the document discusses how cc handles input events rapidly on the compositor thread and how it integrates with the separate Viz process for final frame composition and GPU resource management.


Episoder(404)

blink::GraphicsContext

blink::GraphicsContext

immediate drawing API that records to a display list. Painters for layout objects use GraphicsContext to “draw”—but in modern Blink those calls get recorded into a display list (PaintRecord) backed by...

10 Okt 202544min

blink::TransformPaintPropertyNode / ClipPaintPropertyNode / EffectPaintPropertyNode / ScrollPaintPropertyNode

blink::TransformPaintPropertyNode / ClipPaintPropertyNode / EffectPaintPropertyNode / ScrollPaintPropertyNode

These are the nodes within those four trees. Every piece of painted content (a “paint chunk”) is associated with a tuple of (Transform, Clip, Effect, Scroll) nodes—its PropertyTreeState. This precisel...

10 Okt 202533min

blink::PaintPropertyTreeBuilder

blink::PaintPropertyTreeBuilder

builds/updates paint property trees.Consumes the layout/fragment data and produces the four paint property trees (Transform, Clip, Effect, Scroll) for the current frame. These trees encode coordinate ...

10 Okt 202547min

blink::PrePaintTreeWalk

blink::PrePaintTreeWalk

cross‑frame pre‑paint traversal. Runs in the InPrePaint lifecycle phase. Walks the entire layout tree starting at the root LocalFrameView, updating paint invalidation state and computing the context n...

10 Okt 202531min

blink::NGPhysicalFragment and friends

blink::NGPhysicalFragment and friends

Layout takes the styled DOM and produces a fragment tree of positioned boxes. In modern Blink this is LayoutNG; the core artifact is NGPhysicalFragment, which stores geometry and is used downstream fo...

10 Okt 202537min

blink::StyleEngine

blink::StyleEngine

style invalidation & resolution (recalc). 
Given DOM/style changes since the last frame, StyleEngine computes updated ComputedStyles, manages active stylesheets/media query state, and marks the right ...

10 Okt 202534min

blink::Document & blink::DocumentLifecycle

blink::Document & blink::DocumentLifecycle

states that gate phases. The document owns the DOM and keeps a DocumentLifecycle state machine that ensures we do things in phase order (style before layout, pre‑paint before paint, etc.). Lifecycle t...

10 Okt 202535min

blink::LocalFrameView

blink::LocalFrameView

orchestrates style → layout → pre‑paint/paint for a frame. This is the workhorse that actually runs lifecycle phases. On a frame tick from WebFrameWidgetImpl, it goes through style recalc, layout (Lay...

9 Okt 202544min

Populært innen Teknologi

lydartikler-fra-aftenposten
romkapsel
rss-avskiltet
smart-forklart
teknisk-sett
energi-og-klima
rss-impressions-2
nasjonal-sikkerhetsmyndighet-nsm
teknologi-og-mennesker
shifter
tomprat-med-gunnar-tjomlid
fornybaren
elektropodden
pedagogisk-intelligens
rss-heis
i-loopen
rss-for-alarmen-gar
hans-petter-og-co
rss-digitaliseringspadden
rss-bouvet-bobler