From f421ce16c89a85e9a9559ea812931838280793c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 9 Mar 2024 15:24:00 +0000
Subject: [PATCH] add loading lazy to image render

---
 layouts/_default/_markup/render-image.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
index 20b983b9..db9ebd2f 100644
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@@ -4,7 +4,7 @@
 {{ $caption := .Title }}
 {{ if findRE "^https?" $url.Scheme }}
   <figure>
-    <img class="my-0 rounded-md" src="{{ $url.String }}" alt="{{ $altText }}" />
+    <img class="my-0 rounded-md" loading="lazy" src="{{ $url.String }}" alt="{{ $altText }}" />
     {{ with $caption }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
   </figure>
 {{ else }}
@@ -19,12 +19,14 @@
       {{ if $disableImageOptimization }}
       <img
         class="my-0 rounded-md"
+        loading="lazy"
         src="{{ .RelPermalink }}"
         alt="{{ $altText }}"
       />
       {{ else }}
       <img
         class="my-0 rounded-md"
+        loading="lazy"
         srcset="
         {{ (.Resize "330x").RelPermalink }} 330w,
         {{ (.Resize "660x").RelPermalink }} 660w,
@@ -38,7 +40,7 @@
     </figure>
   {{ else }}
     <figure>
-      <img class="my-0 rounded-md" src="{{ $url.String }}" alt="{{ $altText }}" />
+      <img class="my-0 rounded-md" loading="lazy" src="{{ $url.String }}" alt="{{ $altText }}" />
       {{ with $caption }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
     </figure>
   {{ end }}