Le sue immagini rallentano il suo sito: la soluzione in un'operazione

Belle foto, e un sito che arranca

Lei ha curato le sue immagini. Foto vere, nitide, scattate con un buon apparecchio o un telefono recente. È esattamente ciò che va fatto.

E da allora il suo sito impiega più tempo a caricarsi — soprattutto sul telefono, soprattutto fuori dal wifi.

Non è una scelta da fare tra «bello» e «veloce». Può conservare le sue foto ed eliminare il rallentamento, e non costa nulla.

La causa: il visitatore scarica l'immagine intera, qualunque sia la sua dimensione a schermo

Una foto che esce da un apparecchio o da un telefono recente è enorme — molto più grande di ciò che uno schermo può mostrare. È fatta per essere stampata in grande formato o ritagliata senza perdere dettaglio.

Sul suo sito, quella stessa foto sarà mostrata in un blocco di qualche centimetro di larghezza. Ma ecco il punto che quasi nessuno conosce: il visitatore scarica comunque il file intero, nella sua dimensione originale. È il suo browser a ridurlo dopo, una volta arrivato.

In altre parole, lei gli invia un manifesto di grande formato perché lo guardi grande come un francobollo — e lui paga il trasporto del manifesto.

Su un computer con una buona connessione, passa quasi inosservato. Su un telefono in rete mobile in treno, è lì che si vede.

La soluzione: due gesti, in quest'ordine

1. Ridimensionare prima di caricare sul sito

È il gesto che risolve l'essenziale del problema, ed è gratuito.

Prima di mettere una foto sul suo sito, ne riduca la larghezza. Circa 1.600 pixel di larghezza bastano ampiamente per un'immagine mostrata a tutta larghezza su un sito — ed è ancora generoso per una foto inserita in un articolo.

Come fare, senza installare nulla:

• Su Mac: apra la foto con Anteprima, menu Strumenti → Regola dimensioni, poi salvi.
• Su Windows: apra la foto con Foto, pulsante Ridimensiona, scelga una larghezza personalizzata.
• Su telefono: la maggior parte delle applicazioni di galleria propone un ridimensionamento al momento della condivisione.

La parola «pixel» suona tecnica, ma non designa nulla di complicato: è semplicemente il numero di punti che compongono la larghezza dell'immagine. Più ce ne sono, più il file è pesante.

2. Convertire nel formato WebP o AVIF

WebP e AVIF sono due formati di immagine più recenti del JPEG. Organizzano l'informazione in modo più efficiente: a qualità visiva equivalente, il file è nettamente più leggero. Tutti i browser moderni li comprendono — i suoi visitatori non devono fare nulla, non devono installare nulla, e non vedranno alcuna differenza a schermo.

Non è un'impostazione esotica: è diventato il formato normale del web.

E per le foto già online?

Non rifaccia tutto. Cominci dalle pagine che contano: la pagina iniziale, la pagina che riceve più visitatori, quelle di cui va più fiero. Una manciata di pagine trattate bene cambia la sensazione generale; una revisione completa della libreria multimediale scoraggia e non porta molto di più.

Il dettaglio che si trascura sempre

Quando ricarica un'immagine, dedichi trenta secondi a compilare il suo testo alternativo — la breve descrizione che WordPress chiede nella libreria multimediale. Serve a due cose insieme: le persone che navigano con un lettore di schermo lo sentono al posto dell'immagine, e i motori di ricerca lo usano per capire cosa rappresenta. È il gesto più redditizio del gruppo, e quello più spesso saltato.

Se preferisce non farlo a mano

AIFORYA Image SEO è un'estensione gratuita che si occupa della conversione nei formati WebP e AVIF, del ritaglio nei formati dei social network, della filigrana e dei dati strutturati schema.org — senza configurazione né servizio esterno.