PerformanceSoftNavigation: navigationType property
The navigationType read-only property of the PerformanceSoftNavigation interface returns the type of the soft navigation — push, reload, replace, or traverse.
This returns the same types as NavigateEvent.navigationType.
Value
An enumerated value representing the type of navigation.
The possible values are:
push-
A new location is navigated to, causing a new entry to be pushed onto the history list.
reload-
The
Navigation.currentEntryis reloaded. replace-
The
Navigation.currentEntryis replaced with a new history entry. This new entry will reuse the samekey, but be assigned a differentid. traverse-
The browser navigates from one existing history entry to another existing history entry.
Examples
Logging the navigation type of the soft navigation
This example uses a PerformanceObserver to log new soft-navigation performance entries as they are recorded in the browser's performance timeline. The buffered option is used to access entries from before the observer creation.
const observer = new PerformanceObserver((list) => {
for (const entry of list.getEntries()) {
console.log("Soft Nav:", entry.startTime, entry.navigationType);
}
});
observer.observe({ type: "soft-navigation", buffered: true });