From 17ef890f0f4bf9dfacd8bba6483d08530dbddcc8 Mon Sep 17 00:00:00 2001
From: wintermute <kjulius@gmx.de>
Date: Fri, 22 Mar 2024 19:32:44 +0100
Subject: [PATCH] add lazy loading images to index.html

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 3375f20..cfa247e 100644
--- a/index.html
+++ b/index.html
@@ -365,14 +365,14 @@ <h3>Standalone</h3>
           It will not be stretched or distorted, but will be displayed at its
           natural size; as long as enough space is available:
         </p>
-        <img src="https://picsum.photos/640/480?grayscale&random=1" alt="an example, depicting a random subject">
+        <img loading="lazy" src="https://picsum.photos/640/480?grayscale&random=1" alt="an example, depicting a random subject">
         <h3>In a Figure</h3>
         <p>
           Using a <code>&lt;figure&gt;</code> element, we can display the media
           element more prominently, and can also add a caption using a <code>&lt;figcaption&gt;</code> tag:
         </p>
         <figure>
-          <img src="https://picsum.photos/640/480?grayscale&random=2" alt="an example, depicting a random subject">
+          <img loading="lazy" src="https://picsum.photos/640/480?grayscale&random=2" alt="an example, depicting a random subject">
           <figcaption>This is the figure caption, is usually provides context.</figcaption>
         </figure>
       </section>