From e6fff8068a7e19b211d3abff68e81e32df82247c Mon Sep 17 00:00:00 2001
From: Drini Cami <cdrini@gmail.com>
Date: Wed, 10 Nov 2021 19:50:26 -0500
Subject: [PATCH] Make category images on homepage lazy

These are loading really early in the page, despite being at the bottom!
---
 openlibrary/templates/home/categories.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/openlibrary/templates/home/categories.html b/openlibrary/templates/home/categories.html
index 4a1615ec961..ec651cc2b90 100644
--- a/openlibrary/templates/home/categories.html
+++ b/openlibrary/templates/home/categories.html
@@ -18,6 +18,7 @@ <h2 class="home-h2"><a href="/subjects">$_('Browse by Subject')</a></h2>
               <div class="category-icon">
                 <img class="category-img" src="/static/images/categories/$(icon).svg"
                     width="30" height="30"
+                    loading="lazy"
                     alt="$_('browse %(subject)s books', subject=presentable_subject_name)"/>
               </div>
               <p class="category-title">$presentable_subject_name</p>