From 7ab9cd94d990653369a20c6880a250b76b5788e5 Mon Sep 17 00:00:00 2001
From: techboyg5 <63317676+techboyg5@users.noreply.github.com>
Date: Sat, 14 Nov 2020 14:49:59 -0600
Subject: [PATCH] Add loading="lazy" to iframe (#383)

Lazy loads the utterances iframe
---
 src/client.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/client.ts b/src/client.ts
index d5f48477..b2d6efcb 100644
--- a/src/client.ts
+++ b/src/client.ts
@@ -80,7 +80,7 @@ const url = `${utterancesOrigin}/utterances.html`;
 script.insertAdjacentHTML(
   'afterend',
   `<div class="utterances">
-    <iframe class="utterances-frame" title="Comments" scrolling="no" src="${url}?${param(attrs)}"></iframe>
+    <iframe class="utterances-frame" title="Comments" scrolling="no" src="${url}?${param(attrs)}" loading="lazy"></iframe>
   </div>`);
 const container = script.nextElementSibling as HTMLDivElement;
 script.parentElement!.removeChild(script);