By default, the LogRocket SDK captures First Input Delay, Time to First Byte, Largest Contentful Paint Time, and DOM Complete measurements for full page loads or reloads. These can be found in the Page Load Timeline section of the Session Replay Performance tab, and can be used to create metrics. However, single page apps often change URLs and load new content without a full page load.
In order to measure the time it takes for such soft navigations to complete, you can call LogRocket.navigationComplete() when you consider your page to have finished loading. The LogRocket SDK will measure the time from the last URL change until this call, and make those markers available in Session Replay's performance pane.
LogRocket.navigationComplete();