add lazy loading, shoutout img tag

charliettaylor · Nov 12, 2024 · 0c28891 · 0c28891
1 parent 063bd04
commit 0c28891
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/templates/gallery.html b/templates/gallery.html
@@ -29,7 +29,7 @@ <h3>Posted {{date}}</h3>
         {% if pic.winner %}
         <li>
             <a href="{{pic.click_url}}">
-                <img src="{{pic.url}}" class="winner" />
+                <img src="{{pic.url}}" class="winner" loading="lazy" fetchPriority="high" />
             </a>
             <div class="pic-text">
                 <span>@{{pic.user}}</span>
@@ -39,7 +39,7 @@ <h3>Posted {{date}}</h3>
         {% else %}
         <li>
             <a href="{{pic.click_url}}">
-                <img src="{{pic.url}}" />
+                <img src="{{pic.url}}" loading="lazy" fetchPriority="{{"high" if loop.index < 5 else "low"}}" />
             </a>
             <div class="pic-text">
                 <span>@{{pic.user}}</span>