Le immagini rappresentano in media il 50-70% del peso totale<\/strong> di una pagina web. Se non sono ottimizzate, rallentano drasticamente il caricamento del sito, peggiorano i Core Web Vitals e penalizzano il posizionamento su Google. In questa guida ti mostro come ottimizzare le immagini WordPress<\/a><\/strong> con i metodi pi\u00f9 efficaci: formati moderni, compressione, lazy loading e dimensioni corrette.<\/p>\n Quando carichi una foto dalla fotocamera o da un servizio di stock photography, il file pu\u00f2 pesare 3-5 MB o pi\u00f9. Anche le immagini ridimensionate manualmente spesso conservano metadati EXIF inutili e non sono compresse in modo ottimale. Se una pagina contiene 10 immagini non ottimizzate, il browser deve scaricare decine di megabyte prima di visualizzare il contenuto. Su connessioni mobile, questo pu\u00f2 significare tempi di caricamento di 10-15 secondi, con il risultato che la maggior parte dei visitatori abbandona la pagina prima ancora di vederla.<\/p>\n Il primo passo \u00e8 usare il formato immagine giusto<\/strong> per ogni situazione:<\/p>\n La pratica migliore \u00e8 comprimere le immagini prima di caricarle<\/strong> su WordPress. Strumenti online come TinyPNG<\/strong>, Squoosh<\/strong> (di Google) e ShortPixel Online<\/strong> riducono il peso delle immagini fino all’80% senza perdita di qualit\u00e0 percepibile. Squoosh \u00e8 particolarmente utile perch\u00e9 permette di convertire in WebP o AVIF direttamente nel browser, confrontando la qualit\u00e0 prima e dopo la compressione con un cursore visuale.<\/p>\n Per chi elabora molte immagini, strumenti desktop come ImageOptim<\/strong> (Mac) o FileOptimizer<\/strong> (Windows) permettono di comprimere in batch interi lotti di immagini con un drag and drop.<\/p>\n Se preferisci automatizzare il processo, i plugin di ottimizzazione comprimono le immagini direttamente al momento del caricamento nella libreria media. Le opzioni migliori:<\/p>\n Tutti questi plugin possono anche ottimizzare in bulk<\/strong> le immagini gi\u00e0 presenti nella libreria media, permettendoti di recuperare spazio e velocit\u00e0 anche sulle immagini caricate in passato.<\/p>\n Non ha senso caricare un’immagine di 4000×3000 pixel se verr\u00e0 visualizzata in un’area di 800×600 pixel. Il browser deve scaricare l’immagine originale e poi ridimensionarla visivamente, sprecando banda e rallentando il rendering. Prima di caricare un’immagine, ridimensionala alle dimensioni massime<\/strong> in cui verr\u00e0 visualizzata sul sito. Per la maggior parte dei blog WordPress, una larghezza massima di 1200 pixel \u00e8 pi\u00f9 che sufficiente per le immagini a larghezza piena.<\/p>\n WordPress genera automaticamente diverse dimensioni per ogni immagine caricata (thumbnail, medium, large), ma l’originale resta nel server. Puoi configurare le dimensioni predefinite in Impostazioni > Media<\/strong> per adattarle al tuo layout.<\/p>\n Il lazy loading<\/strong> ritarda il caricamento delle immagini che non sono visibili nella viewport. Invece di scaricare tutte le immagini della pagina al caricamento iniziale, il browser carica solo quelle visibili e scarica le altre man mano che l’utente scorre la pagina. A partire da WordPress 5.5, il lazy loading nativo \u00e8 attivato automaticamente tramite l’attributo loading=”lazy”<\/span> aggiunto alle immagini. Se usi un tema aggiornato, questa funzionalit\u00e0 \u00e8 gi\u00e0 attiva senza plugin aggiuntivi.<\/p>\n Per un controllo pi\u00f9 avanzato, plugin come Perfmatters<\/strong> o WP Rocket<\/strong> permettono di escludere dal lazy loading le immagini above the fold (come il logo e la hero image) per migliorare la metrica Largest Contentful Paint (LCP).<\/p>\n WordPress genera automaticamente l’attributo srcset<\/span> per le immagini, che indica al browser le diverse dimensioni disponibili. Il browser sceglie la versione pi\u00f9 adatta in base alla dimensione dello schermo e alla densit\u00e0 dei pixel. Questo significa che un visitatore da smartphone scaricher\u00e0 una versione pi\u00f9 piccola dell’immagine rispetto a chi visita da desktop, risparmiando banda senza sacrificare la qualit\u00e0. Assicurati che il tuo tema non sovrascriva questo comportamento con dimensioni fisse nelle immagini.<\/p>\n Nel tempo, la libreria media di WordPress accumula immagini orfane: immagini caricate ma mai inserite nei contenuti, vecchie versioni sostituite, bozze cancellate. Queste immagini occupano spazio sul server e possono rallentare i backup. Plugin come Media Cleaner<\/strong> analizzano la libreria e identificano i file non utilizzati in articoli, pagine o widget. Prima di eliminare le immagini, il plugin le sposta nel cestino per permetterti di verificare che non siano effettivamente in uso. Una pulizia periodica della libreria media mantiene il sito snello e riduce il peso dei backup.<\/p>\n Una Content Delivery Network (CDN)<\/strong> distribuisce le immagini su server in tutto il mondo, riducendo la distanza fisica tra il server e il visitatore. Servizi come Cloudflare, BunnyCDN e KeyCDN offrono anche ottimizzazione automatica delle immagini on the fly: ridimensionamento, compressione e conversione in WebP in base al browser del visitatore. Questo approccio \u00e8 particolarmente efficace per siti con un pubblico internazionale.<\/a><\/p>\nPerch\u00e9 le immagini non ottimizzate rallentano il sito<\/h2>\n
Scegliere il formato corretto<\/h2>\n
\n
Comprimere le immagini prima del caricamento<\/h2>\n
Plugin WordPress per l’ottimizzazione automatica<\/h2>\n
\n
Ridimensionare le immagini alle dimensioni corrette<\/h2>\n
Implementare il lazy loading<\/h2>\n
Servire immagini responsive con srcset<\/h2>\n
Pulire la libreria media dalle immagini inutilizzate<\/h2>\n
Usare una CDN per le immagini<\/h2>\n
Serve aiuto con le performance?<\/h2>\n