Mobile: la fluidità conta più della qualità

Oltre il 60% del traffico web mondiale arriva ormai da mobile, come conferma da anni StatCounter — e quella cifra continua a salire, non a scendere. Questo cambia una domanda che per anni è stata data per scontata: "quale immagine è migliore, quella con più qualità?" non ha più una risposta così semplice, perché su mobile la variabile che determina davvero se qualcuno resta sul tuo sito o se ne va non è quanto è nitida la foto — è se la pagina risponde all'istante o resta a pensarci.

Meno banda, meno pazienza, entrambe le cose insieme

Su mobile si sommano due fattori che quasi mai coincidono su desktop: connessione media peggiore (dati mobili, copertura irregolare, reti condivise) e minore tolleranza all'attesa. Uno studio ormai classico di Google (2016) ha rilevato che la probabilità che qualcuno abbandoni una pagina mobile sale del 32% quando il tempo di caricamento passa da 1 a 3 secondi — e continua a salire in modo marcato da lì in poi. Non è che le persone su mobile siano più impazienti per carattere; è che il mobile è, per natura, il dispositivo del "lo voglio adesso, nel mezzo di qualcos'altro" — camminando, in metropolitana, tra un'attività e l'altra. La pazienza disponibile è letteralmente minore.

Perché la fluidità ha vinto la priorità

Google ha formalizzato questo concetto nel 2021 con i Core Web Vitals, che misurano esplicitamente fluidità e capacità di risposta — LCP (quanto tempo impiega a dipingersi il contenuto principale), INP (quanto tempo impiega la pagina a reagire quando tocchi qualcosa) — come fattori diretti di posizionamento. Prima di allora, molti siti competevano quasi solo su quanto fosse bella o nitida ogni immagine. Dopo, la competizione reale è diventata un'altra: chi carica più velocemente e chi non si blocca durante lo scroll, perché è questo che Google misura ed è questo che determina davvero se qualcuno resta.

Cosa significa in pratica per le tue immagini

• Dai priorità al peso rispetto alla risoluzione massima. Come abbiamo visto nell'articolo su cosa può distinguere l'occhio umano, sullo schermo piccolo di un cellulare quasi mai serve la risoluzione più alta possibile — quindi lì hai margine per comprimere di più senza che si noti, guadagnando velocità di caricamento reale.
• Usa loading="lazy" nelle immagini fuori dalla schermata iniziale. Non caricare ciò che l'utente non vede ancora è l'ottimizzazione della fluidità più economica che esista — un attributo HTML, senza librerie.
• WebP o AVIF, quasi sempre. Su una connessione mobile limitata, il 25-50% di risparmio di peso che offrono questi formati rispetto a JPG (l'abbiamo trattato nella guida ai formati) si nota molto di più che sulla fibra da scrivania, dove la banda abbonda.
• Evita il "salto" durante il caricamento. Dichiarare sempre width eheight su ogni immagine permette al browser di riservare lo spazio prima che l'immagine arrivi, evitando quel riassestamento brusco della pagina che si percepisce come lentezza anche quando tecnicamente non lo è.

Non è che la qualità non conti più

Conta, ma ha smesso di essere la variabile che decide se qualcuno resta o se ne va — quella è la fluidità. Un'immagine un po' meno nitida che si carica all'istante batte, nell'esperienza reale dell'utente, un'immagine perfetta che impiega tre secondi ad apparire. La buona notizia è che quasi mai serve scegliere tra le due cose: con la compressione e il formato giusti, si ottiene un'immagine che appare praticamente identica e carica molto più velocemente, senza quel sacrificio reale che sembrava inevitabile un decennio fa.