From 0dde707314364a889315e2813acd87a71d91c380 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Greg=20Berg=C3=A9?= <berge.greg@gmail.com>
Date: Thu, 16 Jan 2025 17:20:22 +0100
Subject: [PATCH] Lazy load iframely script

---
 .changeset/polite-spies-beg.md                         | 5 +++++
 packages/gitbook/src/components/DocumentView/Embed.tsx | 7 +++++--
 2 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/polite-spies-beg.md

diff --git a/.changeset/polite-spies-beg.md b/.changeset/polite-spies-beg.md
new file mode 100644
index 000000000..f93fca670
--- /dev/null
+++ b/.changeset/polite-spies-beg.md
@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Lazy load iframely script to make page more responsive
diff --git a/packages/gitbook/src/components/DocumentView/Embed.tsx b/packages/gitbook/src/components/DocumentView/Embed.tsx
index 77a2dda90..ae414e38a 100644
--- a/packages/gitbook/src/components/DocumentView/Embed.tsx
+++ b/packages/gitbook/src/components/DocumentView/Embed.tsx
@@ -1,5 +1,4 @@
 import * as gitbookAPI from '@gitbook/api';
-import { headers } from 'next/headers';
 import Script from 'next/script';
 import ReactDOM from 'react-dom';
 
@@ -32,7 +31,11 @@ export async function Embed(props: BlockProps<gitbookAPI.DocumentBlockEmbed>) {
                         }}
                         data-visual-test="blackout"
                     />
-                    <Script src="https://cdn.iframe.ly/embed.js" nonce={nonce} />
+                    <Script
+                        strategy="lazyOnload"
+                        src="https://cdn.iframe.ly/embed.js"
+                        nonce={nonce}
+                    />
                 </>
             ) : embed.type === 'integration' ? (
                 <IntegrationBlock