Performance ⏱️ 6 min lettura

Ottimizzazione Immagini: Oltre l'ALT tag

Le immagini spesso costituiscono il 60-70% del peso totale di una pagina web moderna. Ottimizzarle non è più un'opzione, ma un requisito fondamentale per la sopravvivenza del tuo sito web nella SERP.

Formati Moderni: WebP e AVIF

Passare dai vecchi formati JPG e PNG a WebP o AVIF può ridurre il peso delle immagini fino all'80% senza una perdita di qualità percepibile dall'occhio umano. Meno byte significano un tempo di caricamento (LCP) drasticamente ridotto e un risparmio di banda per gli utenti mobile.

Lazy Loading

L'attributo loading="lazy" assicura che il browser scarichi l'immagine solo quando sta per entrare nella visuale dell'utente. Questo evita di sprecare risorse per caricare elementi nel footer che l'utente potrebbe non vedere mai.

Dimensioni Esplicite

Dichiarare sempre width e height nell'HTML aiuta il browser a riservare lo spazio corretto, prevenendo il fastidioso fenomeno del Cumulative Layout Shift (CLS).

L'importanza del contesto: Alt Text e Didascalie

L'alt-text non serve solo per la SEO; è uno strumento di accessibilità cruciale per gli screen reader. Descrivi l'immagine in modo oggettivo inserendo la parola chiave solo se è pertinente al contesto visuale. Ricorda: Google non "vede" le immagini, le legge attraverso i tuoi metadati.