defer load

edenartlab · Jun 3, 2024 · 4c31fa9 · 4c31fa9
1 parent 1d60fb0
commit 4c31fa9
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/components/waitlist/Widget.tsx b/src/components/waitlist/Widget.tsx
@@ -6,8 +6,19 @@ import styles from './Widget.module.css'
 const WaitListWidget = () => {
   return (
     <div className='flex justify-center items-center'>
-      <div style={styles} id="getWaitlistContainer" data-waitlist_id="17436" data-widget_type="WIDGET_1" className='w-full flex justify-center'/>
-      <Script src="https://prod-waitlist-widget.s3.us-east-2.amazonaws.com/getwaitlist.min.js"/>
+      <div id="getWaitlistContainer"
+           style={styles}
+           data-waitlist_id="17436"
+           data-widget_type="WIDGET_1"
+           className='w-full flex justify-center'
+      />
+      <Script
+        src="https://prod-waitlist-widget.s3.us-east-2.amazonaws.com/getwaitlist.min.js"
+        strategy="lazyOnload"
+        onLoad={() =>
+          console.log(`script loaded: https://prod-waitlist-widget.s3.us-east-2.amazonaws.com/getwaitlist.min.js`)
+        }
+      />
     </div>
   )
 }