Lazy load images

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

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"

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" />