templates: lazy load images

[panikweb-esperanzah.git] / panikweb_esperanzah / templates / emissions / emission_detail.html

diff --git a/panikweb_esperanzah/templates/emissions/emission_detail.html b/panikweb_esperanzah/templates/emissions/emission_detail.html
index 10f97ee22d8807bdd3005b4fa94eb66e768e8c2f..39bf061a40ff0150fcf0330dd1915d46f3284099 100644 (file)
--- a/panikweb_esperanzah/templates/emissions/emission_detail.html
+++ b/panikweb_esperanzah/templates/emissions/emission_detail.html
@@ -52,7 +52,7 @@
                 <div class="image">
                         <div class="img">
                        {% thumbnail emission.image "450x450" crop="50% 50%" as im %}
-                        <img src="{{im.url}}">
+                        <img loading="lazy" src="{{im.url}}">
                         {% empty %}
                         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
                        {% endthumbnail %}
@@ -80,7 +80,7 @@
                        <div class="image">
                                 <div class="img">
                                {% thumbnail episode.image "240x240" crop="50% 50%" as im %}
-                               <img src="{{im.url}}">
+                               <img loading="lazy" src="{{im.url}}">
                                 {% empty %}
                                 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="240" width="240">
                                {% endthumbnail %}