From 68c63c75f478895b188a24a44d34813bd76c6e2c Mon Sep 17 00:00:00 2001
From: Sergio Tamayo <you@example.com>
Date: Mon, 16 Mar 2026 12:12:00 -0500
Subject: [PATCH] Perf: Defer predictive-search.js loading

---
 snippets/search-modal.liquid | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/snippets/search-modal.liquid b/snippets/search-modal.liquid
index 26ade7e56..452f31c8e 100644
--- a/snippets/search-modal.liquid
+++ b/snippets/search-modal.liquid
@@ -3,11 +3,24 @@
   type="module"
 ></script>
 
-<script
-  src="{{ 'predictive-search.js' | asset_url }}"
-  type="module"
-  fetchpriority="low"
-></script>
+<script type="module">
+  let predictiveSearchLoaded = false;
+  const loadPredictiveSearch = () => {
+    if (predictiveSearchLoaded) return;
+    predictiveSearchLoaded = true;
+    const script = document.createElement('script');
+    script.src = "{{ 'predictive-search.js' | asset_url }}";
+    script.type = 'module';
+    document.head.appendChild(script);
+  };
+  
+  const modal = document.querySelector('#search-modal');
+  if (modal) {
+    modal.addEventListener('dialog:open', loadPredictiveSearch, { once: true });
+    modal.addEventListener('focusin', loadPredictiveSearch, { once: true });
+    modal.addEventListener('mouseenter', loadPredictiveSearch, { once: true });
+  }
+</script>
 
 <dialog-component
   id="search-modal"