From 893a9c49d7394f264f6105d98c2e874745ec78fd Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Wed, 7 Aug 2019 09:21:07 -0400
Subject: [PATCH] Use img loading="lazy" for most images (where available)

---
 brutaldon/templates/base.html              |  8 ++++----
 brutaldon/templates/main/toot_partial.html | 14 +++++++-------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/brutaldon/templates/base.html b/brutaldon/templates/base.html
index 39c40c1..397067a 100644
--- a/brutaldon/templates/base.html
+++ b/brutaldon/templates/base.html
@@ -80,11 +80,11 @@
                 <div class="navbar-brand">
                     <a class="navbar-item" href="{% url "home" %}">
                         {% if own_acct %}
-                            <img src="{{ own_acct.avatar_static }}"
+                            <img loading="lazy" src="{{ own_acct.avatar_static }}"
                                  class="image is-32x32 avatar"
                                  alt="Brutaldon ('{{ own_acct.username }}')">
                         {% else %}
-                            <img src="{% static "images/brutaldon.png" %}"
+                            <img loading="lazy" src="{% static "images/brutaldon.png" %}"
                                  class="image is-32x32" alt="Brutaldon">
                         {% endif %}
                     </a>
@@ -185,9 +185,9 @@
                 </div>
                 <div class="level-right">
                     {% if preferences.theme.is_brutalist %}
-                        <img class="level-item" src="{% static '/images/lynx.gif' %}"
+                        <img loading="lazy" class="level-item" src="{% static '/images/lynx.gif' %}"
                              alt="Lynx Now!">
-                        <img class="level-item" src="{% static '/images/now9.gif' %}"
+                        <img loading="lazy" class="level-item" src="{% static '/images/now9.gif' %}"
                              alt="Netscape Now!">
                     {% endif %}
                     <a class="level-item is-size-7" href="{% url "privacy" %}">
diff --git a/brutaldon/templates/main/toot_partial.html b/brutaldon/templates/main/toot_partial.html
index 898c007..1b3a2ff 100644
--- a/brutaldon/templates/main/toot_partial.html
+++ b/brutaldon/templates/main/toot_partial.html
@@ -14,14 +14,14 @@
 <figure class="media-left">
     <p class="image is-64x64 account-avatar">
         <a href="{% url "user" toot.account.acct %}">
-            <img src="{{ toot.account.avatar_static }}"
+            <img loading="lazy" src="{{ toot.account.avatar_static }}"
                  alt="">
         </a>
     </p>
     {% if reblog %}
         <p class="image is-32x32 reblog-icon" >
             <a href="{% url "user" reblog_by %}">
-                <img src ="{{ reblog_icon }}" alt="">
+                <img loading="lazy" src ="{{ reblog_icon }}" alt="">
             </a>
         </p>
     {% endif %}
@@ -71,7 +71,7 @@
                     {% if toot.card.image %}
                         <div class="column is-one-third">
                             <a href="{{ toot.card.url }}">
-                                <img alt="{{ toot.card.title }}"
+                                <img loading="lazy" alt="{{ toot.card.title }}"
                                      src="{{ toot.card.image }}"
                                      class="is-max-128">
                             </a>
@@ -99,9 +99,9 @@
                         <figure class="column attachment-image">
                             <a href="{{ media.url }}">
                                 {% if toot.sensitive %}
-                                    <img src="{% static "images/sensitive.png" %}"
+                                    <img loading="lazy" src="{% static "images/sensitive.png" %}"
                                 {% else %}
-                                    <img src="{{ media.preview_url }}"
+                                    <img loading="lazy" src="{{ media.preview_url }}"
                                 {% endif %}
                                          alt="{% if media.description  %}
                                               {{ media.description }}
@@ -123,9 +123,9 @@
                                 <source src="{{ media.url }}" type="video/mp4">
                                 <a href="{{ media.url }}">
                                     {% if toot.sensitive %}
-                                        <img src="{% static "images/sensitive.png" %}"
+                                        <img loading="lazy" src="{% static "images/sensitive.png" %}"
                                     {% else %}
-                                        <img src="{{ media.preview_url }}"
+                                        <img loading="lazy" src="{{ media.preview_url }}"
                                     {% endif %}
                                              alt="{% if media.description  %}
                                                   {{ media.description }}