From ee3c9c64489267f0fef1116cbaa9aecc877bd0e0 Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Wed, 7 Feb 2024 17:10:16 +0100
Subject: [PATCH] site: add lazy loading for images

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 layouts/_default/_markup/render-image.html | 2 ++
 layouts/shortcodes/inline-image.html       | 1 +
 2 files changed, 3 insertions(+)

diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
index b9d646b15e..47d9fd60a0 100644
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@@ -15,6 +15,7 @@
   class="cursor-pointer hover:opacity-90"
 >
   <img
+    loading="lazy"
     src="{{ $imagePath }}"
     alt="{{ .Text }}"
     {{ with $width }}
@@ -39,6 +40,7 @@
         {{ partial "icon" "close" }}
       </button>
       <img
+        loading="lazy"
         class="rounded max-w-full max-h-full"
         src="{{ $imagePath }}"
         alt="{{ .Text }}"
diff --git a/layouts/shortcodes/inline-image.html b/layouts/shortcodes/inline-image.html
index 4515012337..a281c91ccf 100644
--- a/layouts/shortcodes/inline-image.html
+++ b/layouts/shortcodes/inline-image.html
@@ -7,6 +7,7 @@
 {{ end }}
 
 <img
+  loading="lazy"
   src="{{ $src }}"
   alt="{{ $alt }}"
   {{ with $title }}title="{{ . }}"{{ end }}