Firefox kann manchmal zuvor gecachte Bilder (Avatare) nicht laden/rendern

[supermathie (Michael Brown)]

Wir untersuchen einen Fehler in Firefox, der scheinbar damit zusammenhängt, dass Avatare auf der Festplatte zwischengespeichert und dann von einer späteren Anfrage abgerufen werden.

An Firefox gemeldet als:

1899184 - Firefox is sometimes unable to load/render previously cached images

Dieses Problem äußert sich durch fehlende Avatare, wo normalerweise einer vorhanden sein sollte, z. B.:

Dies sind jeweils:

<img loading="lazy" alt="" width="24" height="24" src="https://dub1.discourse-cdn.com/arduino/user_avatar/forum.arduino.cc/mancera1979/48/732001_2.png" class="avatar" title="mancera1979 - Frequent Poster">
<img loading="lazy" alt="" width="24" height="24" src="https://dub1.discourse-cdn.com/arduino/user_avatar/forum.arduino.cc/jca34f/48/340148_2.png" class="avatar" title="JCA34F - Frequent Poster">

und diese URLs leiten weiter zu:

https://europe1.discourse-cdn.com/arduino/optimized/4X/3/3/7/337a5e4169461364c9805cfad882c9eb0332bdf3_2_48x48.png
https://europe1.discourse-cdn.com/arduino/optimized/4X/4/b/8/4b8c803f304aa7e7c487184224ec9f970c96e8c4_2_48x48.jpeg

Beim Untersuchen des DOM mit den Entwicklertools meldet Firefox “Bild konnte nicht geladen werden”.

Es sind niemals die anfänglichen Anfragen, bei denen dies fehlschlägt – es ist immer nur bei nachfolgenden Anfragen aufgetreten, die das Bild aus dem Cache laden würden:

Das Neuladen der Seite löst manchmal aus, dass Firefox das Bild ordnungsgemäß lädt, z. B.:

nach einem Neuladen:

---

Wir wissen, dass:

… das Problem nicht spezifisch für die Discourse-Anwendung selbst ist. Wir haben das Problem mit einer statischen HTML-Seite reproduziert, die nur Links zu Avataren enthält:

… das Deaktivieren von http3 in Firefox das Problem nicht löst

… das Leeren des Browser-Caches bewirkt, dass die Bilder beim nächsten Mal ordnungsgemäß geladen werden

… Endbenutzer dieses Problem auf Desktops und Mobilgeräten gemeldet haben

Wir vermuten, dass:

… dies etwas mit dem Laden des Bildes nach einer Weiterleitung zu tun hat

Einige unserer Hosting-Umgebungen verfügen über einen “Redirect Chaser”, der dazu führt, dass eine Anfrage an die ursprüngliche URL das Bild selbst zurückgibt und keine Weiterleitung zum Bild. Ich glaube nicht, dass jemand dieses Problem in diesen Umgebungen erlebt hat.

Wir haben nicht:

eine durchgängig konsistente und klare Reproduktion des Problems

[piffy]

Ich habe das selbst unter Firefox gesehen. Ich weiß nicht, ob das überhaupt relevant ist, aber meine Website verwendet bunny.net als CDN.

[supermathie (Michael Brown)]

Interessant. OK, wenn Sie weitere Details oder Schritte zur Reproduktion haben, können Sie diese gerne hier posten.

---

@piffy

meine Website nutzt bunny.net als CDN

Nun, das ist AUSSERGEWÖHNLICH passend

[sam (Sam Saffron)]

@supermathie

loading="lazy"

Das fühlt sich für mich wie unser nächster Anlaufpunkt an, @david, eine Website-Einstellung, die dies deaktiviert, um zu sehen, ob es Auswirkungen hat.

[david (David Taylor)]

Da @supermathie eine vage Reproduktion auf einer statischen Seite hat, versuchen wir vielleicht, eine Version davon ohne loading="lazy" zu erstellen? Viel einfacher, als Discourse zu modifizieren, um das zu tun.

Könntest du das versuchen, @supermathie?

[piffy]

Ich würde keinen anderen CDN verwenden!

[supermathie (Michael Brown)]

Ich habe sie immer wieder neu geladen und gerade das Problem reproduziert, indem ich die Lazy-Seite geladen habe (funktionierte) und dann die Nicht-Lazy-Seite (fehlgeschlagen):

Leider schien Firefox beim Neuladen von Assets (Cache deaktivieren ist nicht gesetzt) mit geöffneten Entwicklertools alles komplett neu zu laden, aber… das ist seltsam:

Der Benutzer scheint seinen Avatar geändert/aktualisiert zu haben, und wir haben auf den neuen weitergeleitet? Ich bin mir nicht sicher, was das auslöst, @david.

Ich vermute, dass dieser zusätzliche Redirect den Firefox-Bug kurzzeitig ausgelöst hat. Das passt zu den Verhaltensunterschieden aufgrund des Redirect-Chasers.

Vielleicht kann ich es auslösen?

Ich habe meinen Avatar geändert, mal sehen, ob er kaputt geht, wenn ich in einer Stunde neu lade.

EDIT: Naja, es ist dieses Mal nicht kaputt gegangen.

Aber meine Spielereien auf dieser Seite scheinen sich schlecht auf andere Seiten auszuwirken… KEINER dieser Avatare funktioniert jetzt und ich glaube, es liegt daran, dass eine Netzwerkanfrage “hängt”.

[supermathie (Michael Brown)]

Heute: Ich habe die Seite mit lazy neu geladen, und sie wurde problemlos geladen:

Ich habe die Seite dann ohne lazy geladen, und:

[david (David Taylor)]

Das bedeutet also, dass lazy= wahrscheinlich nicht die Ursache des Problems ist? Das ist zumindest eine Sache, die ausgeschlossen ist