templates: lazy load images

diff --git a/panikweb_esperanzah/templates/archives.html b/panikweb_esperanzah/templates/archives.html
index 4986b9b3cc06141514e8d6b2d0cc5d4e977017f7..58afe78605a21fd8b9c7603dc2b8c26bbfc1ec52 100644 (file)
--- a/panikweb_esperanzah/templates/archives.html
+++ b/panikweb_esperanzah/templates/archives.html
@@ -29,7 +29,7 @@
                <div class="image">
                         <div class="img">
                        {% thumbnail diffusion.episode.image "400x400" crop="50% 50%" as im %}
-                       <img src="{{im.url}}">
+                       <img loading="lazy" src="{{im.url}}">
                         {% empty %}
                         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="200" width="200">
                        {% endthumbnail %}

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 %}

diff --git a/panikweb_esperanzah/templates/emissions/episode_detail.html b/panikweb_esperanzah/templates/emissions/episode_detail.html
index 53d421ed2cbdf906c322c06b83190c2896119aae..65b5b9872a4ababab531bad37b323a26fce55bed 100644 (file)
--- a/panikweb_esperanzah/templates/emissions/episode_detail.html
+++ b/panikweb_esperanzah/templates/emissions/episode_detail.html
@@ -53,7 +53,7 @@
                <div class="image">
                         <div class="img">
                        {% thumbnail episode.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 %}

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 %}

diff --git a/panikweb_esperanzah/templates/panikombo/episode_auto_selection.html b/panikweb_esperanzah/templates/panikombo/episode_auto_selection.html
index 7d416abbabb03781196cfd63b133ca24552f796c..a892ec34abc32e8c8d8106a1dc7fcd33d7d31c3f 100644 (file)
--- a/panikweb_esperanzah/templates/panikombo/episode_auto_selection.html
+++ b/panikweb_esperanzah/templates/panikombo/episode_auto_selection.html
@@ -7,7 +7,7 @@
                <div class="image">
                         <div class="img">
                        {% thumbnail episode.image "230x300" crop="50% 50%" as im %}
-                        <img src="{{im.url}}">
+                        <img loading="lazy" src="{{im.url}}">
                         {% empty %}
                         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="300" width="230">
                        {% endthumbnail %}