templates: lazy load images

[panikweb-esperanzah.git] / panikweb_esperanzah / templates / home.html

diff --git a/panikweb_esperanzah/templates/home.html b/panikweb_esperanzah/templates/home.html
index 1ce82355427f76fdbe2a8ada65c4d8de2cf53be1..3badbb004096b1b0fec31c736e4bff0bf1e81bdc 100644 (file)
--- a/panikweb_esperanzah/templates/home.html
+++ b/panikweb_esperanzah/templates/home.html
@@ -36,7 +36,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==">
                        {% endthumbnail %}
@@ -61,7 +61,7 @@
                    <div class="image">
                             <div class="img">
                        {% thumbnail page.picture "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 %}