From da923f82da820b5696d52122a600ae49ee17941e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20Hells=C3=A9n?= <tlovinator@gmail.com>
Date: Wed, 7 Jan 2026 22:33:49 +0100
Subject: [PATCH] Lazy load images

---
 templates/twitch/campaign_detail.html | 1 +
 templates/twitch/campaign_list.html   | 1 +
 templates/twitch/games_grid.html      | 1 +
 3 files changed, 3 insertions(+)

diff --git a/templates/twitch/campaign_detail.html b/templates/twitch/campaign_detail.html
index 0c13c02..626c9d9 100644
--- a/templates/twitch/campaign_detail.html
+++ b/templates/twitch/campaign_detail.html
@@ -136,6 +136,7 @@
                                 {% if benefit.image_asset_url %}
                                     <img height="160"
                                          width="160"
+                                         loading="lazy"
                                          style="object-fit: cover;
                                                 margin-right: 3px"
                                          src="{{ benefit.image_best_url|default:benefit.image_asset_url }}"
diff --git a/templates/twitch/campaign_list.html b/templates/twitch/campaign_list.html
index d6a2f42..e833a14 100644
--- a/templates/twitch/campaign_list.html
+++ b/templates/twitch/campaign_list.html
@@ -55,6 +55,7 @@
                         <div style="flex-shrink: 0;">
                             {% if game_group.grouper.box_art_best_url %}
                                 <img src="{{ game_group.grouper.box_art_best_url }}"
+                                     loading="lazy"
                                      alt="Box art for {{ game_group.grouper.display_name }}"
                                      width="120"
                                      height="160"
diff --git a/templates/twitch/games_grid.html b/templates/twitch/games_grid.html
index d0edf9e..f609181 100644
--- a/templates/twitch/games_grid.html
+++ b/templates/twitch/games_grid.html
@@ -25,6 +25,7 @@
                                     {% if item.game.box_art_best_url %}
                                         <img src="{{ item.game.box_art_best_url }}"
                                              alt="Box art for {{ item.game.display_name }}"
+                                             loading="lazy"
                                              width="180"
                                              height="240"
                                              style="border-radius: 8px" />