From d907458e7170a57648f1a87a59998e582c46b692 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@0d.be>
Date: Wed, 24 Nov 2021 08:19:04 +0100
Subject: [PATCH] templates: lazy load images

---
 panikweb_esperanzah/templates/archives.html                   | 2 +-
 panikweb_esperanzah/templates/emissions/emission_detail.html  | 4 ++--
 panikweb_esperanzah/templates/emissions/episode_detail.html   | 2 +-
 panikweb_esperanzah/templates/home.html                       | 4 ++--
 .../templates/panikombo/episode_auto_selection.html           | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/panikweb_esperanzah/templates/archives.html b/panikweb_esperanzah/templates/archives.html
index 4986b9b..58afe78 100644
--- 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 10f97ee..39bf061 100644
--- 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 53d421e..65b5b98 100644
--- 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 1ce8235..3badbb0 100644
--- 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 7d416ab..a892ec3 100644
--- 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 %}
-- 
2.39.2