Ottimizzazione delle immagini
Trasformare le immagini in file più piccoli senza ridurne visibilmente la qualità e servirle nella dimensione giusta e in formati moderni.
- 01
Perché è importante
Le immagini sono la parte più grande dei dati scaricati nella maggior parte delle pagine. Formati come WebP e AVIF, versioni dimensionate per lo schermo e una compressione corretta rendono le pagine nettamente più veloci. Dare alle immagini le dimensioni migliora la stabilità del layout e un testo alt descrittivo migliora l'accessibilità.
- 02
Esempio
L'immagine di copertina della home page di un sito è larga 4.000 pixel e pesa 3 MB. Servita in tre dimensioni in base alla larghezza dello schermo e in WebP, il download sui dispositivi mobili scende a 150 KB.
- 03
Errore comune
Mostrare solo un'immagine grande più piccola nella pagina. Il browser scarica comunque il file a dimensione intera; l'immagine va preparata alla dimensione con cui verrà mostrata.
- 04
Termini correlati
- LCP · Tempo di caricamento del contenuto principale
- Caricamento differito
- CLS · Spostamento del layout
Servizi e guide correlati
Parliamo del tuo progetto.
Raccontaci la tua esigenza; definiremo insieme l'ambito.