Switch home page iframes to lazy load

tbranyen · Apr 5, 2022 · 66cb056 · 66cb056
1 parent 7e6a4d9
commit 66cb056
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/diffhtml-website/pages/index.md b/packages/diffhtml-website/pages/index.md
@@ -110,6 +110,7 @@ Loads latest diffHTML core from this website using native JavaScript modules.
     src="https://glitch.com/embed/#!/embed/diffhtml-helloworld?path=hello-world.js&previewSize=100&attributionHidden=true&previewFirst=true&sidebarCollapsed=true"
     title="diffhtml-helloworld on Glitch"
     style="height: 100%; width: 100%; border: 0;">
+    loading="lazy"
   </iframe>
 </div>
 
@@ -128,6 +129,7 @@ using native JavaScript modules.
     src="https://glitch.com/embed/#!/embed/diffhtml-clock?path=script.js&previewSize=100&attributionHidden=true&previewFirst=true&sidebarCollapsed=true"
     title="diffhtml-clock on Glitch"
     style="height: 100%; width: 100%; border: 0;">
+    loading="lazy"
   </iframe>
 </div>
 
@@ -147,6 +149,7 @@ from this website using native JavaScript modules.
     src="https://glitch.com/embed/#!/embed/diffhtml-hackernews?path=script.js&previewSize=100&attributionHidden=true&previewFirst=true&sidebarCollapsed=true"
     title="diffhtml-hackernews on Glitch"
     style="height: 100%; width: 100%; border: 0;">
+    loading="lazy"
   </iframe>
 </div>
 
@@ -168,6 +171,7 @@ npm pinned to <code>1.0.0-beta.20</code>. It may be periodically updated.
     src="https://glitch.com/embed/#!/embed/diffhtml-todomvc?path=lib/index.js&previewSize=100&attributionHidden=true&previewFirst=true&sidebarCollapsed=true"
     title="diffhtml-todomvc on Glitch"
     style="height: 100%; width: 100%; border: 0;">
+    loading="lazy"
   </iframe>
 </div>