v151 · performance · observability

PerformanceSoftNavigation & InteractionContentfulPaint

Two new PerformanceEntry types ship in Chrome 151: soft-navigation for tracking JS-driven SPA navigations, and interaction-contentful-paint for measuring when interaction-driven content first paints.

concepts

  1. SPA Navigation Tracker

    Simulate soft navigations between "pages" in a single-page app. A PerformanceObserver captures soft-navigation entries and displays timing data for each transition.

  2. Interaction Contentful Paint Monitor

    Trigger an interaction (button click that loads content) and observe interaction-contentful-paint entries via a live PerformanceObserver, with timing breakdown.

  3. Entry Inspector

    A live feed of every PerformanceEntry that arrives — filter by type, inspect raw data, and see which entry types your browser actually emits.

references