Qualcuno ha notato qualcosa di strano mentre l’anteprima qui sopra si caricava sullo schermo del tuo cellulare?
Perché l’immagine ha impiegato così tanto tempo ad essere finalmente riempita nell’intero riquadro di anteprima?
È perché è un’immagine molto grande!
Allora perché un’immagine molto grande deve divorare il piano dati dell’utente, impiegando così tanto tempo quando un minuscolo’anteprima sarebbe apparsa prima ancora che te ne accorgessi?
No, non sono esattamente sicuro di chi incolpare.
No. Non è un bug. L’immagine arriva prima o poi. Sto solo dicendo che è una cattiva esperienza utente. L’utente pensa che nessuno si preoccupi del suo piano dati e la pagina non finisce di caricarsi velocemente come le altre pagine.
Non così in fretta. Tu, nella tua Torre d’Avorio nel tuo paese del primo mondo, non sapresti mai la differenza. Ma io, nella mia non Torre d’Avorio, nel mio paese non del primo mondo, noto molto la differenza!
Usa gli Strumenti per sviluppatori, imposta il Paese su secondo o terzo mondo, , disattiva la cache e ricarica la pagina.
Quindi il tuo reclamo riguarda il tuo ISP e il loro peering?
Per essere chiari, l’immagine originale è di 3,4 MB, quella miniatura viene servita da Cloudfront, è 690x460 e pesa 164 KB.
In ogni caso, cosa proponi? Che Cloudfront sia un CDN scadente per gli utenti nella tua regione? Che Discourse non abbia scaricato e creato le immagini ottimizzate abbastanza velocemente?
Nel tuo paese non da torre d’avorio dove i dati costano 8 volte meno che negli USA e ancora 2,5 volte meno che in Europa? (source) o intendi nel tuo paese non da torre d’avorio con la banda larga più veloce del mondo (source)? O forse intendevi il tuo paese non da torre d’avorio che per i dati mobili si classifica ancora al 28° posto, ben al di sopra di molti paesi del primo mondo? (source)
Sembra che tu abbia solo bisogno di un telefono più grande.
A giudicare dai post precedenti, Jidanni ha un Galaxy A13 5G e uno Zenfone 3:
Galaxy A13 5G: 6,5”, 1600 x 720
Asus Zenfone 3: 5,5”, 1920 x 1080
Poiché la miniatura ottimizzata è 690x460 e le sue dimensioni sono ulteriormente limitate dal onebox, non è più grande del loro schermo. Tuttavia, utilizzano il ridimensionamento del browser, quindi chi lo sa
Potrei sbagliarmi, ma penso che abbia senso.
Se guardi l’srcset HTML, le seguenti immagini vengono servite in base al rapporto pixel del dispositivo (x1, x1,5, x2).
Di solito, i dispositivi mobili hanno un rapporto x2 (o superiore) perché hanno una densità di pixel più elevata.
Quindi, vorresti servire immagini con una risoluzione più alta.
Device Pixel Ratio
Il Device Pixel Ratio (DPR) è un numero fornito dai produttori di dispositivi e viene utilizzato per i display HiDPI (High Dots Per Inch) o Retina (marchio registrato di Apple), che fanno parte degli smartphone moderni, tablet e persino alcuni laptop e monitor.
Il DPR è in correlazione diretta con la densità di pixel del display, maggiore è la densità, maggiore è il valore del DPR.
Il DPR è il rapporto tra i pixel fisici (del dispositivo) e i pixel logici (CSS) in direzione orizzontale (larghezza) o verticale (altezza) di uno schermo.
In altre parole, il DPR è un numero utilizzato per calcolare la risoluzione CSS dello schermo. Dal DPR possiamo vedere direttamente quanti pixel hardware effettivi compongono un pixel CSS.
Esempio:
Apple iPhone 12
Risoluzione in pixel del dispositivo (fisici): 1170 x 2532
DPR: 3
Larghezza: 1170/3 = 390, Altezza: 2532/3 = 844
Pertanto, risoluzione in pixel CSS: 390 x 844
Poiché il DPR è 3, nella griglia di pixel: 3 (larghezza) x 3 (altezza) = 9; 9 pixel fisici vengono utilizzati per formare un pixel CSS.
Sì, non credo che questo sia un bug. Il mio iPad in visualizzazione mobile carica foto ad alta risoluzione rispetto al mio desktop perché può farlo. Potrei sbagliarmi, ma la mia comprensione era che dipendesse dalla capacità del dispositivo, non dalle dimensioni dello schermo.
Inoltre, non mi è ancora chiaro se questo argomento riguardi la miniatura della casella singola stessa o la foto effettiva che viene caricata quando si fa clic sul collegamento della casella singola?
Probabilmente non noterai un’immagine a risoluzione inferiore sugli smartphone a causa delle loro dimensioni dello schermo e penso che, in generale, abbiano maggiori probabilità di avere una connessione Internet più lenta tramite rete mobile rispetto a una connessione Internet domestica. A questo proposito, non mi aspetterei che un’esperienza mobile carichi un’immagine più grande rispetto a un computer desktop.
Ma scrset detta quale immagine caricare per quale rapporto di pixel.
Sì, stiamo parlando di una miniatura da 500 kilobyte.
Cosa penserebbe Tim Berners-Lee?
Ok, ho fatto una ricerca sul web e in effetti è una dimensione ragionevole per una miniatura, se la stai caricando su YouTube.
Voglio dire, deve essere una miniatura olografica a 50 dimensioni piuttosto fantastica o qualcosa del genere. Sei sicuro che non potresti fare la stessa cosa con circa 5000 byte? L’utente sarebbe in grado di rilevare una differenza? No, non sto incolpando nessuno per la crisi energetica o per il rallentamento del web. Penso solo che con la destinazione che è un piccolo cellulare si potrebbe fare qualcosa di meglio.
Voglio dire, ci deve essere un punto in cui semplicemente aggiungere più byte, non importa quale dispositivo di dimensioni cellulari abbiano, non farà alcuna differenza per gli esseri umani a meno che non abbiano occhi d’aquila, ma non sono aquile, sono umani.
Sono d’accordo che qualcosa non va qui di sicuro… quell’immagine è troppo grande. La nostra implementazione onebox richiede un’immagine sovradimensionata quando ne basterebbe una molto più piccola.
, disattiva la cache e ricarica la pagina.
