Chrome Compositor Transform Updates on Scroll
Blink2864 Okt 2025

Chrome Compositor Transform Updates on Scroll

These sources provide an extensive technical explanation of how the Chrome compositor manages dynamic properties, specifically focusing on transformations and scrolling, using a structure called PropertyTrees. The core mechanism for efficiency relies on granular dirty state propagation: when a property changes (like a scroll offset or animation), only the affected TransformNodes are marked as dirty (needs_local_transform_update) rather than forcing a full re-evaluation of the entire scene. The process, governed by UpdateTransformTree, ensures that changes—including complex interactions like elastic overscroll, fixed/sticky positioning, and pinch-zoom—are translated into updated screen-space layer matrices (transforms) by traversing only the dependent edges, thereby minimizing computational cost during each render frame. The sources clarify the tight coordination between the ScrollTree (which tracks offsets) and the TransformTree (which incorporates those offsets into actual layer movement matrices).


Avsnitt(408)

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

blink::LocalFrame

blink::LocalFrame

the document host and local‑root boundary.
The local frame owns the Document and its LocalFrameView. The local root frame coordinates lifecycle for its subtree (including OOPIF boundaries handled late...

9 Okt 202532min

blink::Page

blink::Page

the page container and animation clock keeper. Page holds frame trees and the PageAnimator that services script‑driven animations on each tick. It’s the top‑level context for the document/view that We...

9 Okt 202534min

blink::WebFrameWidgetImpl

blink::WebFrameWidgetImpl

renderer‑main entry to Blink’s lifecycle. This is where a compositor BeginFrame (coming in via content/public and mojo plumbing) first turns into Blink work on the renderer main thread. It receives th...

9 Okt 202532min

Blink's ComputedStyle: An In-Depth Analysis

Blink's ComputedStyle: An In-Depth Analysis

The collection of sources provides a detailed technical analysis of the ComputedStyle object within Blink, the rendering engine for Chromium. The primary source, an in-depth analysis document, explain...

9 Okt 202545min

Populärt inom Teknik

uppgang-och-fall
natets-morka-sida
elbilsveckan
market-makers
bilar-med-sladd
rss-elektrikerpodden
rss-laddstationen-med-elbilen-i-sverige
skogsforum-podcast
rss-it-sakerhetspodden
bosse-bildoktorn-och-hasse-p
rss-veckans-ai
rss-en-ai-till-kaffet
rss-technokratin
toms-laskpodd-och-annat
gubbar-som-tjotar-om-bilar
cyber-chats-chill
rss-militarsnack
rss-racevecka
rss-powerboat-sverige-podcast
rss-milpodden