Blink Rendering Pipeline — Style, Layout, Paint
How Chromium's Blink engine resolves CSS, lays out elements, and paints
35 docs tagged with "Research"
Upstream research and deep dives (e.g. browser engine internals) informing design decisions.
View all tagsChromium Compositor — Glossary
Key terms and concepts from the Chromium compositor (cc/) and display
Chromium Compositor Architecture
The Chromium compositor (cc/) is responsible for taking painted content
Chromium Compositor Research
Research findings from reading the Chromium source code (chromium/cc/,
Chromium Compositor Scheduler
The scheduler orchestrates the frame production pipeline. It receives
Chromium Damage Tracking
The damage tracking system computes the region of each render surface that
Chromium Dirty-Flag Management
Research document describing the mechanisms Chromium/Blink uses to mark
Chromium Effect Optimizations
How Chromium optimizes visual effects (blur, shadow, opacity, blend modes,
Chromium External Resource Loading — Lifecycle & Architecture
How Chromium fetches, caches, and integrates external resources (images, stylesheets, fonts) into the rendering pipeline.
Chromium Interaction and Quality Management
How Chromium maintains smooth interaction (scroll, pinch-zoom) even when
Chromium Memory Management and Tile Priority
Memory Budget
Chromium Node Data Layout for Rendering
How Chromium stores and accesses per-node data across its rendering
Chromium Paint Recording System
How Chromium records, stores, and replays paint operations. The recording
Chromium Pinch-Zoom Deep Dive
Complete mechanism for how Chromium handles pinch-to-zoom: the immediate
Chromium Property Trees
The compositor stores layer properties (transform, effect, clip, scroll) in
Chromium Render Surfaces
A render surface is an offscreen GPU texture that a subtree is composited
Chromium Resolution Scaling During Interaction
Source-level analysis of how Chromium handles rendering resolution during
Chromium SVG <use> and <foreignObject>
Two mechanisms that create cross-tree references in SVG:
Chromium SVG Accessibility
How SVG elements appear in Blink's accessibility (AX) tree. SVG is a
Chromium SVG Animated Properties (baseVal / animVal)
Every animatable SVG attribute is exposed to JavaScript as an
Chromium SVG Animation and SMIL
How Blink animates SVG. Two engines coexist: SMIL (`, `,
Chromium SVG as Image
Three deployment modes for SVG content, with differing pipelines:
Chromium SVG Coordinate Systems
How Blink tracks transforms and coordinate spaces from the outer `` down
Chromium SVG Hit Testing
How Blink resolves a point in SVG space to an element. Different from HTML
Chromium SVG Migration Status
A snapshot of which Blink rendering systems SVG participates in fully, which
Chromium SVG Paint Servers
How fill="url(#id)" and stroke="url(#id)" resolve into Skia shaders. Paint
Chromium SVG Path Geometry and Stroking
How ` data becomes an SkPath`, and how SVG stroke properties
Chromium SVG Pattern Paint Server
How Chromium handles the SVG `` element. The pattern element is a
Chromium SVG Pipeline Overview
The end-to-end pipeline for rendering SVG inside Blink. Emphasis on where the
Chromium SVG Rendering Research
How Blink (Chromium's rendering engine) renders SVG. These documents describe
Chromium SVG Resources and Effects
`, , , ` — the four non-paint-server
Chromium SVG Text
SVG text is the most intricate part of SVG rendering because it combines:
Chromium Tiling and Rasterization
Tiling Model
Chromium Tiling Deep Dive
Deep dive into Chromium's tiling implementation from source (cc/).
SVG Rendering: Chromium vs Servo vs resvg
A cross-engine comparison of how SVG rendering is factored across three