Intersection Observer
Blink28616 Okt 2025

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 Intersection Observer v1 was designed to efficiently monitor the geometric visibility of DOM elements, replacing costly manual polling and reducing layout thrashing for common features like lazy loading. Furthermore, the documents detail Intersection Observer v2, an extension that adds the crucial ability to detect actual visibility, addressing security and anti-fraud concerns by checking for elements hidden by occlusion or transparency. Blink integrates this API into the frame lifecycle by using a central controller to coordinate checks after layout, ensuring updates are batched and asynchronous for smooth rendering.

Episoder(397)

Chrome Compositor LayerTree Architecture and Input Handling

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 explain...

7 Okt 202527min

viz::Display::DrawAndSwap

viz::Display::DrawAndSwap

In Chrome’s rendering pipeline, the Viz service in the GPU process owns a viz::Display object. A Display is responsible for taking aggregated CompositorFrames (produced by the SurfaceAggregator), draw...

5 Okt 202528min

Chrome RenderingNG: Paint Artifact and Compositor Architecture

Chrome RenderingNG: Paint Artifact and Compositor Architecture

source provides an extensive, lecture-style examination of Chrome’s RenderingNG pipeline, specifically focusing on the roles of the PaintArtifact and the PaintArtifactCompositor. The text explains tha...

5 Okt 202534min

Browser Rendering: Calculating Draw Properties

Browser Rendering: Calculating Draw Properties

The source provides an extensive explanation of the internal browser rendering mechanism used in Blink and Chrome, specifically focusing on the CalculateDrawProperties algorithm. This process translat...

5 Okt 202539min

Chrome Compositor Transform Updates on Scroll

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 Prope...

4 Okt 202532min

Chrome Compositor Architecture: LayerTreeHost and LayerTreeHostImpl

Chrome Compositor Architecture: LayerTreeHost and LayerTreeHostImpl

The sources provide an extensive architectural overview of the Chrome cc compositor module, focusing on the collaboration between three critical classes: LayerTreeHost (LTH), LayerTreeHostImpl (LTHI),...

3 Okt 202534min

Chromium Blink's Layer Recycle Tree Optimization

Chromium Blink's Layer Recycle Tree Optimization

The sources provide an extensive technical explanation of the Chromium/Blink rendering pipeline, focusing specifically on the compositor's layer trees and a performance optimization known as the Recyc...

3 Okt 202529min

Chromium Compositor's CalculateDrawProperties: Scrolling and Overscroll

Chromium Compositor's CalculateDrawProperties: Scrolling and Overscroll

The sources provide an extremely detailed, line-by-line breakdown of the Chromium compositor function CalculateDrawProperties, explaining how it prepares the active layer tree for rendering. A primary...

3 Okt 202530min

Populært innen Teknologi

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