Preloaders

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" />

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');