Add loading="lazy" to iframe (#383)

Lazy loads the utterances iframe
utterance · Nov 14, 2020 · 7ab9cd9 · 7ab9cd9
1 parent 23860d6
commit 7ab9cd9
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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);