7 files changed, 13 insertions, 7 deletions
diff --git a/layouts/shortcodes/img-c.html b/layouts/shortcodes/img-c.html
index ff262c7..7411abb 100644
--- a/layouts/shortcodes/img-c.html
+++ b/layouts/shortcodes/img-c.html
@@ -8,7 +8,8 @@
 {{- $img2x := $img.Resize "1600x webp q90"}}
 <figure>
   <a href="{{ $img.Permalink }}">
-    <img 
+    <img
+      loading="lazy"
       class="center {{ $imgclass }}"
       alt="{{ $caption }}" 
       src="{{ $img1x.Permalink }}" 
diff --git a/layouts/shortcodes/img-center.html b/layouts/shortcodes/img-center.html
index 587e2b2..e871a91 100644
--- a/layouts/shortcodes/img-center.html
+++ b/layouts/shortcodes/img-center.html
@@ -6,7 +6,8 @@
 {{- $img1x := $img.Resize "800x webp q90"}}
 {{- $img2x := $img.Resize "1600x webp q90"}}
 <figure>
-  <img 
+  <img
+    loading="lazy"
     class="center"
     alt="{{ $caption }}" 
     src="{{ $img1x.Permalink }}" 
diff --git a/layouts/shortcodes/img-pull-right.html b/layouts/shortcodes/img-pull-right.html
index 3873d81..ad7cbf1 100644
--- a/layouts/shortcodes/img-pull-right.html
+++ b/layouts/shortcodes/img-pull-right.html
@@ -4,7 +4,8 @@
 {{- $img1x := $img.Resize "150x webp" }}
 {{- $img2x := $img.Resize "300x webp" }}
 {{- $caption := .Get 1}}
- <img 
+<img
+  loading="lazy" 
   class="float-right" 
   alt="{{ $caption }}" 
   src="{{ $img1x.Permalink }}" 
diff --git a/layouts/shortcodes/img-r.html b/layouts/shortcodes/img-r.html
index 1791ed7..e67b32f 100644
--- a/layouts/shortcodes/img-r.html
+++ b/layouts/shortcodes/img-r.html
@@ -4,7 +4,8 @@
 {{- $img1x := $img.Resize "150x webp" }}
 {{- $img2x := $img.Resize "300x webp" }}
 {{- $caption := .Inner}}
- <img 
+<img
+  loading="lazy" ; 
   class="float-right" 
   alt="{{ $caption }}" 
   src="{{ $img1x.Permalink }}" 
diff --git a/layouts/shortcodes/imgproc.html b/layouts/shortcodes/imgproc.html
index 115da4d..a9ba008 100644
--- a/layouts/shortcodes/imgproc.html
+++ b/layouts/shortcodes/imgproc.html
@@ -15,7 +15,7 @@
   {{ errorf "Invalid image processing command: Must be one of Crop, Fit, Fill or Resize."}}
 {{ end }}
 <figure>
-  <img class="centered" alt="{{ $caption }}" src="{{ $img.Permalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}">
+  <img loading="lazy" class="centered" alt="{{ $caption }}" src="{{ $img.Permalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}">
 	<figcaption>
     {{ $caption }}
 
diff --git a/layouts/shortcodes/youtube.html b/layouts/shortcodes/youtube.html
index b59cac1..6a2409b 100644
--- a/layouts/shortcodes/youtube.html
+++ b/layouts/shortcodes/youtube.html
@@ -7,7 +7,8 @@
 
 <figure>
   <a href="https://www.youtube.com/watch?v={{$id}}" target="_blank">
-    <img 
+    <img
+      loading="lazy"
       class="center"
       src="{{ $img1x.Permalink }}" 
       srcset="
diff --git a/layouts/shortcodes/yt.html b/layouts/shortcodes/yt.html
index a6298ef..34e04b9 100644
--- a/layouts/shortcodes/yt.html
+++ b/layouts/shortcodes/yt.html
@@ -8,7 +8,8 @@
 
 <figure>
   <a href="https://redirect.invidious.io/watch?v={{$id}}" target="_blank">
-    <img 
+    <img
+      loading="lazy"
       class="center"
       src="{{ $img1x.Permalink }}" 
       srcset="