From d113b7821cdd8e5cce975f33b41db589c7d0a205 Mon Sep 17 00:00:00 2001
From: mwiegand <martin.wiegand@seibert.group>
Date: Tue, 12 May 2026 23:34:53 +0200
Subject: [PATCH] fix(live-state): remove loading=lazy from avatars to fix
 Firefox/Safari flash

Firefox and Safari defer lazy images by one paint cycle even when cached,
causing a blank frame on each innerHTML swap. These avatars are always
in-viewport and cached after the first poll, so lazy loading has no benefit.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 l4d2web/templates/_live_state.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/l4d2web/templates/_live_state.html b/l4d2web/templates/_live_state.html
index 00944d1..0518b49 100644
--- a/l4d2web/templates/_live_state.html
+++ b/l4d2web/templates/_live_state.html
@@ -21,7 +21,7 @@
            href="https://steamcommunity.com/profiles/{{ session.steam_id_64 }}"
            target="_blank" rel="noopener noreferrer">
           {% if profile and profile.avatar_url %}
-            <img class="avatar" src="{{ profile.avatar_url }}" alt="" loading="lazy">
+            <img class="avatar" src="{{ profile.avatar_url }}" alt="">
           {% else %}
             <span class="avatar placeholder" aria-hidden="true"></span>
           {% endif %}
@@ -45,7 +45,7 @@
            href="https://steamcommunity.com/profiles/{{ row.steam_id_64 }}"
            target="_blank" rel="noopener noreferrer">
           {% if row.avatar_url %}
-            <img class="avatar" src="{{ row.avatar_url }}" alt="" loading="lazy">
+            <img class="avatar" src="{{ row.avatar_url }}" alt="">
           {% else %}
             <span class="avatar placeholder" aria-hidden="true"></span>
           {% endif %}