--- title: Measuring soft navigation web vitals | daily.dev description: Chrome now reports web vitals for soft navigations, the client-side route changes inside single-page apps, and Sentry's JavaScript SDK v11 captures LCP, CLS,... canonical: https://daily.dev/posts/measuring-soft-navigation-web-vitals-cbyzr2tw0 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Measuring soft navigation web vitals | daily.dev og:description: Chrome now reports web vitals for soft navigations, the client-side route changes inside single-page apps, and Sentry's JavaScript SDK v11 captures LCP, CLS,... og:url: https://daily.dev/posts/measuring-soft-navigation-web-vitals-cbyzr2tw0 og:image: https://api.daily.dev/og/posts/cByzr2Tw0.png og:image:alt: Measuring soft navigation web vitals og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Measuring soft navigation web vitals **[Sentry Engineering](https://daily.dev/sources/sentry)** · 12 min read · 0 upvotes · 0 comments ## Summary Chrome now reports web vitals for soft navigations, the client-side route changes inside single-page apps, and Sentry's JavaScript SDK v11 captures LCP, CLS, and INP for each one by default. Previously, web vitals only covered initial page loads, leaving most of a session unmeasured since about 62% of page views in Sentry's own app are soft navigations. Chrome currently defines a soft navigation as a user-initiated action that changes the URL and produces a visible paint, and only Chromium 151 and later report it, covering roughly three in four route changes in Sentry's app. In that app, p75 LCP is 2.48s across all navigations but 1.17s for soft navigations alone. Upgrading to SDK v11 and filtering by 'Soft navigations' in the web vitals dashboard surfaces this previously invisible data. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is a soft navigation according to Chrome's definition? Chrome defines a soft navigation as one meeting three criteria: it is initiated by a user action, it results in a visible URL change, and the interaction produces a visible paint. This differs from a hard navigation, which is a full page load or reload handled by the browser, and from back/forward navigations. Soft navigations are common in single-page applications where JavaScript handles routing via the History or Navigation API. _Track SPA soft navigation behavior and web vitals changes as they land on daily.dev._ ### Which browser versions support reporting web vitals for soft navigations? Only Chromium 151 and later report web vitals for soft navigations. This means current soft navigation metrics describe only that slice of users, since the feature is Chromium-only and still evolving as origin trials and heuristics continue to change. Sentry's JavaScript SDK v11 captures LCP, CLS, and INP for each soft navigation on supporting browsers by default. _Developers tracking browser-specific metrics support can follow Chromium updates on daily.dev._ ### How do I enable soft navigation web vitals tracking in Sentry's JavaScript SDK? Upgrading to Sentry JavaScript SDK v11 with browserTracingIntegration enables soft navigation web vitals by default, since this relies on span streaming which is also default in v11. Each soft navigation gets its own LCP, CLS, and INP reported as spans on the navigation span. To disable it, add Sentry.webVitalsIntegration({ softNavigations: false }) to your integrations. _Teams upgrading SDKs to catch new performance metrics can track release details on daily.dev._ ## Similar posts on daily.dev - [Final Soft Navigations origin trial starting in Chrome 147](https://daily.dev/posts/final-soft-navigations-origin-trial-starting-in-chrome-147-tietnqt8l) · Chrome Developers · 1 upvotes · 0 comments - [Web-Perf Wednesday 013 – CrUX Adds Soft-Navigation Core Web Vitals – CSS Wizardry](https://daily.dev/posts/web-perf-wednesday-013-crux-adds-soft-navigation-core-web-vitals-css-wizardry-a5meuvst5) · CSS Wizardry · 0 upvotes · 1 comments - [LCP and INP are now Baseline Newly available](https://daily.dev/posts/lcp-and-inp-are-now-baseline-newly-available-kond6f1fo) · web.dev · 3 upvotes · 0 comments - [Web-Perf Wednesday 002 – The Metrics Don’t Tell the Whole Story – CSS Wizardry](https://daily.dev/posts/web-perf-wednesday-002-the-metrics-don-t-tell-the-whole-story-css-wizardry-757w9utar) · CSS Wizardry · 4 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript) [View this post on daily.dev](https://daily.dev/posts/measuring-soft-navigation-web-vitals-cbyzr2tw0) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Measuring soft navigation web vitals","url":"https://daily.dev/posts/measuring-soft-navigation-web-vitals-cbyzr2tw0","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/measuring-soft-navigation-web-vitals-cbyzr2tw0"},"datePublished":"2026-10-29T17:00:01.059Z","dateModified":"2026-10-29T17:03:14.031Z","description":"Chrome now reports web vitals for soft navigations, the client-side route changes inside single-page apps, and Sentry's JavaScript SDK v11 captures LCP, CLS,...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/a9a5b9297e0c7fd3222c8e6c9840c73e?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/a9a5b9297e0c7fd3222c8e6c9840c73e?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Sentry Engineering","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Sentry Engineering","logo":"https://media.daily.dev/image/upload/s--qqXwMThM--/f_auto/v1710505439/logos/sentry","url":"https://daily.dev/sources/sentry"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/measuring-soft-navigation-web-vitals-cbyzr2tw0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,javascript","timeRequired":"PT12M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sentry Engineering","item":"https://daily.dev/sources/sentry"},{"@type":"ListItem","position":3,"name":"Measuring soft navigation web vitals"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/measuring-soft-navigation-web-vitals-cbyzr2tw0#faq","mainEntity":[{"@type":"Question","name":"What is a soft navigation according to Chrome's definition?","acceptedAnswer":{"@type":"Answer","text":"Chrome defines a soft navigation as one meeting three criteria: it is initiated by a user action, it results in a visible URL change, and the interaction produces a visible paint. This differs from a hard navigation, which is a full page load or reload handled by the browser, and from back/forward navigations. Soft navigations are common in single-page applications where JavaScript handles routing via the History or Navigation API. Track SPA soft navigation behavior and web vitals changes as they land on daily.dev."}},{"@type":"Question","name":"Which browser versions support reporting web vitals for soft navigations?","acceptedAnswer":{"@type":"Answer","text":"Only Chromium 151 and later report web vitals for soft navigations. This means current soft navigation metrics describe only that slice of users, since the feature is Chromium-only and still evolving as origin trials and heuristics continue to change. Sentry's JavaScript SDK v11 captures LCP, CLS, and INP for each soft navigation on supporting browsers by default. Developers tracking browser-specific metrics support can follow Chromium updates on daily.dev."}},{"@type":"Question","name":"How do I enable soft navigation web vitals tracking in Sentry's JavaScript SDK?","acceptedAnswer":{"@type":"Answer","text":"Upgrading to Sentry JavaScript SDK v11 with browserTracingIntegration enables soft navigation web vitals by default, since this relies on span streaming which is also default in v11. Each soft navigation gets its own LCP, CLS, and INP reported as spans on the navigation span. To disable it, add Sentry.webVitalsIntegration({ softNavigations: false }) to your integrations. Teams upgrading SDKs to catch new performance metrics can track release details on daily.dev."}}]} ```