demo · v131
all router timing fields, mapped
v131 ships routerEvaluationStart, matchedSourceType, plus the existing workerStart / fetchStart on PerformanceResourceTiming. This page samples the current navigation's entry, formats every field that's relevant to router decisions, and renders a timeline of the router-eval → handler → fetch sequence.
navigation entry
resource entry
router → handler → fetch (proportional)
the api
const [nav] = performance.getEntriesByType("navigation");
console.log({
routerEvaluationStart: nav.routerEvaluationStart,
matchedSourceType: nav.matchedSourceType, // "cache" | "race-network-and-fetch-handler" | "network" | ...
workerStart: nav.workerStart,
fetchStart: nav.fetchStart,
});