La sezione Opportunità del report Lighthouse elenca tutte le immagini non ottimizzate, con potenziali risparmi in kibibyte (KiB). Ottimizza queste immagini in modo che la pagina si carichi più velocemente e consumi meno dati:
In che modo Lighthouse segnala le immagini come ottimizzabili
Lighthouse raccoglie tutte le immagini JPEG o BMP presenti nella pagina, imposta il livello di compressione di ogni immagine su 85 e poi confronta la versione originale con quella compressa. Se il risparmio potenziale è pari o superiore a 4 KiB, Lighthouse segnala l'immagine come ottimizzabile.
Come ottimizzare le immagini
Esistono molti passaggi che puoi seguire per ottimizzare le tue immagini, tra cui:
- Utilizzo di CDN di immagini
- Compressione delle immagini
- Sostituire le GIF animate con i video
- Immagini con caricamento lento
- Pubblicazione di immagini adattabili
- Pubblicazione di immagini con dimensioni corrette
- Utilizzare le immagini WebP
Ottimizza le immagini con gli strumenti GUI
Un altro approccio consiste nell'eseguire le immagini tramite un ottimizzatore, che installi sul computer ed esegui come GUI. Ad esempio, con ImageOptim puoi trascinare le immagini nell'interfaccia utente e poi le comprime automaticamente senza comprometterne notevolmente la qualità. Se gestisci un sito di piccole dimensioni e puoi ottimizzare manualmente tutte le immagini, probabilmente questa opzione è sufficiente.
Squoosh è un'altra opzione. Squoosh è gestito dal team DevRel di Google Web.
Indicazioni specifiche per lo stack
Drupal
Valuta l'utilizzo di un modulo che ottimizza e riduce automaticamente le dimensioni delle immagini caricate tramite il sito preservandone la qualità. Inoltre, assicurati di utilizzare gli stili di immagini adattabili nativi forniti da Drupal per tutte le immagini visualizzate sul sito.
Joomla
Valuta la possibilità di utilizzare un plug-in per l'ottimizzazione delle immagini in grado di comprimere le immagini preservandone la qualità.
Magento
Potresti utilizzare un'estensione Magento di terze parti che ottimizza le immagini.
WordPress
Valuta l'utilizzo di un plug-in di WordPress per l'ottimizzazione delle immagini in grado di comprimere le tue immagini preservandone la qualità.