Run onLCP callback in own task (#386)

GoogleChrome · Sep 28, 2023 · 1cc298c · 1cc298c
1 parent 1e94221
commit 1cc298c
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/onLCP.ts b/src/onLCP.ts
@@ -100,7 +100,10 @@ export const onLCP = (onReport: LCPReportCallback, opts?: ReportOpts) => {
       // stops LCP observation, it's unreliable since it can be programmatically
       // generated. See: https://github.com/GoogleChrome/web-vitals/issues/75
       ['keydown', 'click'].forEach((type) => {
-        addEventListener(type, stopListening, true);
+        // Wrap in a setTimeout so the callback is run in a separate task
+        // to avoid extending the keyboard/click handler to reduce INP impact
+        // https://github.com/GoogleChrome/web-vitals/issues/383
+        addEventListener(type, () => setTimeout(stopListening, 0), true);
       });
 
       onHidden(stopListening);