From f02f1541add5242e13abf8852d381458315ecaab Mon Sep 17 00:00:00 2001
From: Kromonos
Date: Sun, 18 Dec 2022 01:01:07 +0100
Subject: Implement lazy loading (#188)

---
 templates/activities/_identity.html | 2 +-
 templates/activities/_post.html     | 4 ++--
 templates/activities/follows.html   | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'templates/activities')

diff --git a/templates/activities/_identity.html b/templates/activities/_identity.html
index 791f05f..61f6ee3 100644
--- a/templates/activities/_identity.html
+++ b/templates/activities/_identity.html
@@ -2,7 +2,7 @@
 <div class="post user">
 
     <a href="{{ identity.urls.view }}">
-        <img src="{{ identity.local_icon_url.relative }}" class="icon" alt="Avatar for {{ identity.name_or_handle }}">
+        <img src="{{ identity.local_icon_url.relative }}" class="icon" alt="Avatar for {{ identity.name_or_handle }}" loading="lazy">
     </a>
 
     {% if created %}
diff --git a/templates/activities/_post.html b/templates/activities/_post.html
index 990e457..cd6024c 100644
--- a/templates/activities/_post.html
+++ b/templates/activities/_post.html
@@ -3,7 +3,7 @@
 <div class="post {% if reply %}reply{% endif %}" data-takahe-id="{{ post.id }}" role="article" tabindex="0">
 
     <a href="{{ post.author.urls.view }}" tabindex="-1">
-        <img src="{{ post.author.local_icon_url.relative }}" class="icon">
+        <img src="{{ post.author.local_icon_url.relative }}" class="icon" loading="lazy">
     </a>
 
     <time _="on click go url {% if link_original %}{{ post.url }}{% else %}{{ post.urls.view }}{% endif %} then halt">
@@ -79,7 +79,7 @@
             {% for attachment in post.attachments.all %}
               {% if attachment.is_image %}
                 <a href="{{ attachment.full_url.relative }}" class="image">
-                  <img src="{{ attachment.thumbnail_url.relative }}" title="{{ attachment.name }}" alt="{{ attachment.name }}" />
+                  <img src="{{ attachment.thumbnail_url.relative }}" title="{{ attachment.name }}" alt="{{ attachment.name }}" loading="lazy" />
                 </a>
               {% endif %}
             {% endfor %}
diff --git a/templates/activities/follows.html b/templates/activities/follows.html
index eae344b..a1226dd 100644
--- a/templates/activities/follows.html
+++ b/templates/activities/follows.html
@@ -17,7 +17,7 @@
     <section class="icon-menu">
         {% for identity in page_obj %}
             <a class="option" href="{{ identity.urls.view }}">
-                <img src="{{ identity.local_icon_url.relative }}">
+                <img src="{{ identity.local_icon_url.relative }}" loading="lazy">
                 <span class="handle">
                     {{ identity.html_name_or_handle }}
                     <small>@{{ identity.handle }}</small>
-- 
cgit v1.2.3