Use perf_hooks for fetch metrics timers

These are better for telemetry and Date.now() will start to be dynamic in prerenders
vercel · Oct 7, 2024 · d34e6c2 · d34e6c2
1 parent 8a513eb
commit d34e6c2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/next/src/server/dev/log-requests.ts b/packages/next/src/server/dev/log-requests.ts
@@ -93,7 +93,7 @@ function logFetchMetric(
 
     writeLine(
       white(
-        `${method} ${url} ${status} in ${end - start}ms ${formatCacheStatus(cacheStatus)}`
+        `${method} ${url} ${status} in ${Math.round(end - start)}ms ${formatCacheStatus(cacheStatus)}`
       ),
       1
     )

diff --git a/packages/next/src/server/lib/patch-fetch.ts b/packages/next/src/server/lib/patch-fetch.ts
@@ -220,7 +220,7 @@ function trackFetchMetric(
 
   workStore.fetchMetrics.push({
     ...ctx,
-    end: Date.now(),
+    end: performance.timeOrigin + performance.now(),
     idx: workStore.nextFetchId || 0,
   })
 }
@@ -250,7 +250,7 @@ export function createPatchedFetcher(
       url = undefined
     }
     const fetchUrl = url?.href ?? ''
-    const fetchStart = Date.now()
+    const fetchStart = performance.timeOrigin + performance.now()
     const method = init?.method?.toUpperCase() || 'GET'
 
     // Do create a new span trace for internal fetches in the