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ù rapidamente e consumi meno dati:
In che modo Lighthouse segnala le immagini come ottimizzabili
Lighthouse raccoglie tutte le immagini JPEG o BMP della pagina, imposta il livello di compressione di ogni immagine su 85 e 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 diversi passaggi per ottimizzare le immagini, tra cui:
- Utilizzare le CDN immagine
- Compressione delle immagini
- Sostituire le GIF animate con i video
- Caricamento lento delle immagini
- Pubblicare immagini adattabili
- Pubblicare immagini con dimensioni corrette
- Utilizzare le immagini WebP
Ottimizza le immagini con gli strumenti GUI
Un altro approccio è eseguire le immagini con un ottimizzatore installato sul computer ed eseguito come GUI. Ad esempio, con ImageOptim puoi trascinare le immagini nell'interfaccia utente e poi comprimerle automaticamente senza comprometterne la qualità. Se gestisci un sito di piccole dimensioni e puoi gestire l'ottimizzazione manuale di tutte le immagini, questa opzione probabilmente è sufficiente.
Squoosh è un'altra opzione. Squoosh è gestito dal team di Google Web DevRel.
Indicazioni specifiche per lo stack
Drupal
Prendi in considerazione 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 integrati di Drupal (disponibili in Drupal 8 e versioni successive) per tutte le immagini visualizzate sul sito.
Joomla
Potresti usare un plug-in per l'ottimizzazione delle immagini in grado di comprimere le immagini preservandone la qualità.
Magento
Prendi in considerazione l'utilizzo di un'estensione di Magento di terze parti che ottimizza le immagini.
WordPress
Valuta la possibilità di utilizzare un plug-in di WordPress per l'ottimizzazione delle immagini in grado di comprimere le immagini mantenendone la qualità.