Lazy load buttons in the footer

helenclx · Sep 13, 2024 · 7bdea06 · 7bdea06
1 parent 1fcf0c7
commit 7bdea06
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/_includes/global/footer.njk b/src/_includes/global/footer.njk
@@ -1,10 +1,10 @@
 <footer class="footer">
     <div class="widgets site-btns">
-        <img src="/assets/icons/helenchong-88x31.png" alt="Helen Chong's 88×31 website button" width="88" height="31">
-        <img src="/assets/icons/helenchong-200x40.png" alt="Helen Chong's 200×40 website button" width="200" height="40">
+        <img src="/assets/icons/helenchong-88x31.png" alt="Helen Chong's 88×31 website button" width="88" height="31" loading="lazy">
+        <img src="/assets/icons/helenchong-200x40.png" alt="Helen Chong's 200×40 website button" width="200" height="40" loading="lazy">
     </div>
 
-    <div class="widgets"><a href="https://buymeacoffee.com/helenchong"><img src="/assets/icons/buymeacoffee.png" alt="Buy Me a Coffee" width="200" height="59"></a></div>
+    <div class="widgets"><a href="https://buymeacoffee.com/helenchong"><img src="/assets/icons/buymeacoffee.png" alt="Buy Me a Coffee" width="200" height="59" loading="lazy"></a></div>
 
     {% include "global/socials.njk" %}