Investigate and Experiment with soft navigation web vitals

[Lms24]

Problem Statement

Today, our SDK collects web vitals via the web-vitals npm packages. Web vitals don't optimally model to SPA-like web applications, where users can "soft-navigate" between pages without actually navigating (i.e. loading a new page) from a browser's PoV.

Solution Brainstorm

Chromium is starting experimentation with soft-navigation-based web vitals: https://developer.chrome.com/docs/web-platform/soft-navigations-experiment

While it will likely take some time to get this stable (if ever) we should do some investigation and experimentation around how we can support these. Better web vitals for SPAs would be a huge improvement and more insightful for Sentry users building SPAs.

We can start experimentation once web-vitals introduces support (GoogleChrome/web-vitals#308) for the experimental mode.

Additional Context

_{Tip: React with 👍 to help prioritize this improvement. Please use comments to provide useful context, avoiding +1 or me too, to help us triage it.}

[linear]

JS-1019