fix(img): lazy load for all matching images

esnvutbrno · Jan 22, 2024 · 9bfe43a · 9bfe43a
1 parent 700646b
commit 9bfe43a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/fiesta/apps/fiestarequests/templates/fiestarequests/matching_requests.html b/fiesta/apps/fiestarequests/templates/fiestarequests/matching_requests.html
@@ -14,7 +14,8 @@
             <img src="{{ fr.issuer_picture_url }}"
                  alt="{% trans "request issuer photo" %}"
                  width="{{ fr.issuer.profile.picture.width }}"
-                 height="{{ fr.issuer.profile.picture.height }}">
+                 height="{{ fr.issuer.profile.picture.height }}"
+                 loading="lazy">
           {% else %}
             <svg version="1.1"
                  xmlns="http://www.w3.org/2000/svg"

diff --git a/fiesta/apps/fiestarequests/templates/fiestarequests/request_match_card.html b/fiesta/apps/fiestarequests/templates/fiestarequests/request_match_card.html
@@ -31,7 +31,8 @@ <h2 class="card-title flex flex-row justify-between">
             <img src="{{ br.issuer_picture_url }}"
                  width="{{ issuer_picture.width }}"
                  height="{{ issuer_picture.height }}"
-                 alt="Issuer picture" />
+                 alt="Issuer picture"
+                 loading="lazy" />
           {% else %}
             <span class="w-10 aspect-square text-white text-lg flex flex-row justify-center items-center group"
                   style="background-color: {{ br.issuer.id|get_color_by_text }}">{{ br.issuer.first_name|first }}{{ br.issuer.last_name|first }}</span>
@@ -61,7 +62,8 @@ <h2 class="card-title flex flex-row justify-between">
               <img src="{{ br.match.matcher_picture_url }}"
                    width="{{ matcher_picture.width }}"
                    height="{{ matcher_picture.height }}"
-                   alt="Matcher picture" />
+                   alt="Matcher picture"
+                   loading="lazy" />
             {% else %}
               <span class="w-10 aspect-square text-white text-lg flex flex-row justify-center items-center group"
                     style="background-color: {{ br.match.matcher.id|get_color_by_text }}">{{ br.match.matcher.first_name|first }}{{ br.match.matcher.last_name|first }}</span>