Blink Compositor Promotion of CSS Animations
Blink2866 Nov 2025

Blink Compositor Promotion of CSS Animations

The technical sources provide an extensive analysis of how the Blink rendering engine (used in Chromium/Chrome) determines whether a CSS animation can be executed on the compositor thread instead of the main thread to improve performance and achieve smooth frame rates. This process involves a complex pipeline, beginning with style calculation and proceeding through layout and layer assignment, where an element must be assigned a composited layer and corresponding property tree nodes to be eligible for acceleration. The critical decision is made by the function CheckCanStartAnimationOnCompositor(), which only permits animations on a limited set of properties—primarily transform, opacity, filter, and backdrop-filter—while rejecting anything affecting layout or requiring frame-by-frame repainting. If accelerated, the animation’s keyframes are converted into CompositorAnimation objects and run by the GPU-assisted compositor, allowing the main thread to remain free for other tasks.

Episoder(444)

blink::PaintArtifact

blink::PaintArtifact

The immutable package of paint chunks + display items for this frame, used to drive compositing without re‑painting.

21 Sep 202536min

blink::TransformPaintPropertyNode / ClipPaintPropertyNode / EffectPaintPropertyNode / ScrollPaintPropertyNode

blink::TransformPaintPropertyNode / ClipPaintPropertyNode / EffectPaintPropertyNode / ScrollPaintPropertyNode

The paint property trees captured during painting (transform, clip, effect/opacity, scroll offset) that define visual & coordinate‑space state.

21 Sep 202541min

blink::PaintController

blink::PaintController

Records drawing into a DisplayItemList, segmenting it into PaintChunks keyed by property‑tree state. (Output: a PaintArtifact.)

21 Sep 202533min

blink::LayoutView (root of the layout tree)

blink::LayoutView (root of the layout tree)

Computes geometry for boxes when layout is dirty.

21 Sep 202539min

blink::StyleEngine / style resolver

blink::StyleEngine / style resolver

Recalculates computed styles that changed since last frame (if any).

21 Sep 202542min

blink::Page → blink::LocalFrame / LocalFrameView

blink::Page → blink::LocalFrame / LocalFrameView

The document’s frame & viewport; LocalFrameView is the scrollable root that triggers layout/paint when needed. provided source outlines the fundamental components of the Blink rendering engine, specif...

21 Sep 202539min

blink::WebViewImpl

blink::WebViewImpl

The source text provides an in-depth explanation of the blink::WebViewImpl class within Chromium's Blink rendering engine, characterizing it as the central control point on the renderer's main thread ...

20 Sep 202539min

cc::LayerTreeHost in Chromium's Compositor

cc::LayerTreeHost in Chromium's Compositor

The source provides an extensive technical explanation of the cc::LayerTreeHost class, which acts as the central main-thread component in the Chromium compositor architecture. It details how this comp...

20 Sep 202537min

Populært innen Teknologi

lydartikler-fra-aftenposten
romkapsel
smart-forklart
tomprat-med-gunnar-tjomlid
teknisk-sett
energi-og-klima
rss-impressions-2
nasjonal-sikkerhetsmyndighet-nsm
elektropodden
shifter
rss-ki-praten
rss-praktisk-proptech
pedagogisk-intelligens
kunstig-intelligens-med-morten-goodwin
hans-petter-og-co
rss-ki-til-kaffen
rss-heis
fornybaren
i-loopen
rss-nerding-med-netlife