Preloaders (#218)

* Disable bfcache * Update head.html * test w/o recaptcha * moved recaptcha post lcp * Update head.html
hlxsites · Nov 27, 2024 · d6dfdae · d6dfdae
1 parent 5107d3c
commit d6dfdae
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/head.html b/head.html
@@ -38,6 +38,9 @@
 
 <link rel="preload" href="/placeholders.json" as="fetch" crossorigin="anonymous" />
 <link rel="modulepreload" href="/scripts/initializers/index.js" />
+<link rel="modulepreload" href="/scripts/initializers/auth.js" />
+<link rel="modulepreload" href="/scripts/initializers/cart.js" />
+<link rel="modulepreload" href="/scripts/__dropins__/storefront-auth/api.js" />
 <link rel="modulepreload" href="/scripts/__dropins__/tools/event-bus.js" />
 <link rel="modulepreload" href="/scripts/__dropins__/tools/fetch-graphql.js" />
 <link rel="modulepreload" href="/scripts/__dropins__/tools/initializer.js" />

diff --git a/scripts/initializers/index.js b/scripts/initializers/index.js
@@ -8,9 +8,6 @@ import {
 } from '@dropins/tools/fetch-graphql.js';
 import * as authApi from '@dropins/storefront-auth/api.js';
 
-// Recaptcha
-import * as recaptcha from '@dropins/tools/recaptcha.js';
-
 // Libs
 import { getConfigValue, getCookie } from '../configs.js';
 
@@ -52,8 +49,13 @@ export default async function initializeDropins() {
   events.enableLogger(true);
   // Set Fetch Endpoint (Global)
   setEndpoint(await getConfigValue('commerce-core-endpoint'));
-  // Recaptcha
-  recaptcha.setConfig();
+
+  events.on('eds/lcp', async () => {
+    // Recaptcha
+    await import('@dropins/tools/recaptcha.js').then(({ setConfig }) => {
+      setConfig();
+    });
+  });
 
   // Initialize Global Drop-ins
   await import('./auth.js');