Firefox a volte non riesce a caricare/visualizzare immagini nella cache (avatar)

[supermathie (Michael Brown)]

Stiamo indagando su quello che sembra essere un bug di Firefox relativo alla memorizzazione nella cache delle immagini del profilo sul disco e al loro successivo recupero da una richiesta successiva.

Segnalato a Firefox come:

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

Il modo in cui si manifesta questo problema è la mancanza di immagini del profilo dove normalmente sarebbero presenti, ad esempio:

Questi sono rispettivamente:

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

e quegli URL reindirizzano rispettivamente a:

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

Durante l’ispezione del DOM utilizzando gli strumenti per sviluppatori, Firefox segnala “Impossibile caricare l’immagine”

Non si verifica mai con le richieste iniziali che questo fallisca - è sempre successo solo con richieste successive che avrebbero dovuto caricare l’immagine dalla cache:

Ricaricare la pagina a volte fa sì che Firefox carichi correttamente l’immagine, ad esempio:

dopo un ricaricamento:

---

Sappiamo che:

… il problema non è specifico dell’applicazione Discourse stessa. Abbiamo riprodotto il problema con una pagina HTML statica contenente solo collegamenti alle immagini del profilo:

… disabilitare http3 in Firefox non risolve il problema

… svuotare la cache del browser fa sì che le immagini vengano caricate correttamente la volta successiva

… gli utenti finali hanno segnalato questo problema sia su desktop che su mobile

Sospettiamo che:

… ciò abbia a che fare con il caricamento dell’immagine dopo un reindirizzamento

Alcuni dei nostri ambienti di hosting hanno un “redirect chaser” installato che fa sì che una richiesta all’URL originale restituisca l’immagine stessa invece di un reindirizzamento all’immagine. Non credo che nessuno abbia riscontrato questo problema in quegli ambienti.

Non abbiamo:

una riproduzione del problema coerente e chiara dall’inizio alla fine

[piffy]

L’ho visto anch’io su Firefox. Non so se sia rilevante, ma il mio sito utilizza bunny.net come CDN.

[supermathie (Michael Brown)]

Interessante. OK, se hai ulteriori dettagli o passaggi per la riproduzione, sentiti libero di pubblicarli qui.

---

@piffy

il mio sito utilizza bunny.net come cdn

Beh, questo è ESTREMAMENTE appropriato

[sam (Sam Saffron)]

@supermathie

loading="lazy"

Questo mi sembra il nostro prossimo passo @david, un’impostazione del sito che la disabilita per vedere se ha un impatto.

[david (David Taylor)]

Dato che @supermathie ha una riproduzione vaga su una pagina statica, forse proviamo a crearne una versione senza loading="lazy"? Molto più facile che modificare Discourse per farlo.

È qualcosa che potresti provare @supermathie?

[piffy]

Non userei nessun altro CDN!

[supermathie (Michael Brown)]

Ho provato a ricaricarli a intermittenza e proprio ora ho replicato il problema caricando la pagina lazy (funzionava) poi la pagina non-lazy (fallita):

Sfortunatamente, Firefox sembrava ricaricare completamente gli asset al ricaricamento (Cache disabilitata non è impostata) con gli strumenti di sviluppo aperti, ma… questo è strano:

L’utente sembra aver cambiato/aggiornato il suo avatar, e siamo stati reindirizzati a quello nuovo? Non sono sicuro di cosa attivi questo @david.

Oserei dire che questo reindirizzamento aggiuntivo ha brevemente attivato il bug di Firefox. Il che è in linea con la differenza di comportamento dovuta all’inseguimento del reindirizzamento.

Forse posso attivarlo?

Ho cambiato il mio avatar, vediamo se si blocca quando ricarico tra un’ora.

MODIFICA: eh, questa volta non si è bloccato

ma i miei imbrogli su questa pagina sembrano influenzare negativamente altre pagine… NESSUNO di questi avatar funziona più e penso che sia perché una richiesta di rete è “bloccata”.

[supermathie (Michael Brown)]

Oggi: ho ricaricato la pagina con lazy e si è caricata correttamente:

Poi ho caricato la pagina senza lazy, e:

[david (David Taylor)]

Quindi immagino che significhi che è improbabile che lazy= sia la causa del problema? Almeno una cosa è stata esclusa