lazy loading

themes/gallo/layouts/partials/categories.html

@@ -34,6 +34,7 @@
           <img
             class="min-h-full h-auto w-full opacity-90"
             src="{{ .img }}"
+            loading="lazy"
             alt="Category {{ .categoryName }}"
             style="{{ .style | safeCSS }} filter: brightness(60%);"
           />

themes/gallo/layouts/partials/gallery.html

@@ -7,6 +7,7 @@
     <img
       src="{{ .image }}"
       style="object-fit: cover"
+      loading="lazy"
       class="aspect-[1/1] w-full rounded-lg"
     />
     <div class="gap-4 flex flex-col">

themes/gallo/layouts/partials/nav.html

@@ -4,6 +4,7 @@
       class="w-44 h-[40.2667px]"
       alt="{{ .Site.Params.logoAlt }}"
       src="{{ .Site.Params.logo }}"
+      loading="lazy"
   /></a>
   <nav class="place-self-center h-8 flex justify-end gap-2 text-white pr-6">
     {{ range .Site.Menus.main }}