Come ottimizzare le immagini per WordPress (guida completa 2026)

Le immagini sono di solito il file più pesante su qualsiasi pagina WordPress — e la principale causa di tempi di caricamento lenti. Ottimizzare le immagini correttamente può dimezzare il tempo di caricamento della tua pagina e migliorare significativamente la tua SEO. Ecco la guida completa per il 2026.

Perché le immagini di WordPress rallentano i siti

Per impostazione predefinita, WordPress carica le immagini alla loro dimensione completa e genera diverse versioni più piccole. Ma se carichi una foto da 4MB direttamente dalla tua fotocamera, WordPress conserva ancora quel file enorme — e spesso lo serve quando non dovrebbe. La soluzione è ottimizzare prima di caricare.

Passo 1: ridimensiona prima di caricare

Non caricare mai immagini più grandi di quanto verranno visualizzate. La maggior parte dei temi WordPress visualizza immagini di contenuto a 800–1200px di larghezza. Ridimensiona le tue immagini a una larghezza massima di 1200–1920px prima del caricamento. Questo da solo può ridurre le dimensioni dei file del 80–90%.

Passo 2: comprimi le tue immagini

• Dopo il ridimensionamento, comprimi. Comprimi le tue immagini a circa 100–200KB per le foto di contenuto. Punta a:
• Immagini hero/banner: sotto 200KB
• Immagini di contenuto: sotto 100KB (Comprimi a 100KB)
• Miniature: sotto 50KB

Passo 3: usa WebP

WordPress supporta i caricamenti WebP dalla versione 5.8. Converti le tue immagini in WebP prima del caricamento per il 25–35% di dimensione file in meno rispetto a JPG. La maggior parte dei temi e plugin moderni serve WebP automaticamente.

Passo 4: usa il caricamento lazy

WordPress aggiunge `loading="lazy"` alle immagini automaticamente dalla versione 5.5. Questo rinvia il caricamento delle immagini fuori schermo finché l'utente non scorre. Verifica che sia attivo controllando il codice sorgente HTML della tua pagina per gli attributi `loading="lazy"`.

Passo 5: imposta sempre larghezza e altezza

Assicurati che le tue immagini abbiano gli attributi `width` e `height` impostati nell'HTML. Questo previene lo spostamento del layout (CLS) mentre la pagina si carica — un Core Web Vital chiave. L'editor a blocchi di WordPress fa questo automaticamente.

Hai bisogno di un plugin?

Plugin come Smush, ShortPixel o EWWW possono automatizzare la compressione, ma aggiungono carico al server e spesso hanno limiti nei piani gratuiti. Ottimizzare manualmente le immagini prima del caricamento con strumenti gratuiti come il nostro Compressore di immagini dà gli stessi risultati senza rigonfiamento del plugin o costi di abbonamento.