Use passive listeners in prefetch (#4207)

* Use passive listeners in prefetch Without passive=true, Lighthouse complains about not using passive listeners to improve scrolling performance. * Create cold-shoes-drum.md Co-authored-by: Nate Moore <[email protected]>
withastro · Aug 11, 2022 · ceb0eef · ceb0eef
1 parent 54ff0a4
commit ceb0eef
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/cold-shoes-drum.md b/.changeset/cold-shoes-drum.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/prefetch": patch
+---
+
+Use `passive` event listeners for performance
diff --git a/packages/integrations/prefetch/src/client.ts b/packages/integrations/prefetch/src/client.ts
@@ -25,7 +25,7 @@ let observer: IntersectionObserver;
 function observe(link: HTMLAnchorElement) {
 	preloaded.add(link.href);
 	observer.observe(link);
-	events.map((event) => link.addEventListener(event, onLinkEvent, { once: true }));
+	events.map((event) => link.addEventListener(event, onLinkEvent, { passive:true, once: true }));
 }
 
 function unobserve(link: HTMLAnchorElement) {