From 1b67ee6f950dfdff66c7f948932a0f744d9341fd Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Mon, 13 Mar 2023 12:04:22 -0700
Subject: [PATCH] image loading

---
 src/_includes/author.liquid      | 4 +++-
 src/_includes/now.liquid         | 2 ++
 src/_includes/webmentions.liquid | 3 +++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/_includes/author.liquid b/src/_includes/author.liquid
index c4c1dbf3..7f336eb3 100644
--- a/src/_includes/author.liquid
+++ b/src/_includes/author.liquid
@@ -1,6 +1,8 @@
 <div class="mt-12 py-8 border-t-2 flex justify-between items-center">
   <div class="flex items-center flex-1">
-    <img class="inline-block h-20  mr-2" src="/assets/img/avatar.webp" alt={{ site.name }} />
+    <div class="h-20 w-20">
+        <img class="inline-block h-20 w-20 mr-2" src="/assets/img/avatar.webp" alt={{ site.name }} loading="lazy" />
+    </div>
     <span class="text-lg font-medium">{{ site.name }}</span>
   </div>
   <p class="text-sm flex-1">I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.</p>
diff --git a/src/_includes/now.liquid b/src/_includes/now.liquid
index e572cab7..2fb6441a 100644
--- a/src/_includes/now.liquid
+++ b/src/_includes/now.liquid
@@ -53,6 +53,7 @@ layout: main
                             width="350"
                             height="350"
                             class="rounded-lg" alt={{artist.name}}
+                            loading="lazy"
                         />
                     </div>
                 </a>
@@ -85,6 +86,7 @@ layout: main
                             height="350"
                             class="rounded-lg"
                             alt={{album.name}}
+                            loading="lazy"
                         />
                     </div>
                 </a>
diff --git a/src/_includes/webmentions.liquid b/src/_includes/webmentions.liquid
index b517069a..4930efd5 100644
--- a/src/_includes/webmentions.liquid
+++ b/src/_includes/webmentions.liquid
@@ -12,6 +12,7 @@
                         src={{mention.author.photo}}
                         alt={{mention.author.name}}
                         class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
+                        loading="lazy"
                     />
                 </a>
             </li>
@@ -30,6 +31,7 @@
                         src={{mention.author.photo}}
                         alt={{mention.author.name}}
                         class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
+                        loading="lazy"
                     />
                 </a>
             </li>
@@ -47,6 +49,7 @@
                     src={{mention.author.photo}}
                     alt={{mention.author.name}}
                     class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-primary-500 dark:group-hover:border-primary-300"
+                    loading="lazy"
                 />
                 <div class="ml-3">
                     <p class="text-sm group-hover:text-primary-500 dark:group-hover:text-primary-300">{{mention.content.text}}</p>