Image optimization: WebP, AVIF e lazy load nel 2026

Le immagini sono il 60-70% del peso medio di una pagina web italiana. Ottimizzarle correttamente riduce il peso del 60-80% senza degrado visibile, migliorando velocità e SEO. Ecco la pipeline completa nel 2026.

I 3 formati moderni

• WebP: supportato dal 96% dei browser. Riduce JPEG del 25-35%. Default safe.
• AVIF: supportato dal 92% dei browser (2026). Riduce JPEG del 50%, ma encoding lento.
• JPEG/PNG: fallback per browser legacy.

Strategia: serve AVIF se supportato, WebP altrimenti, JPEG come fallback.

Lazy loading nativo

HTML attribute loading="lazy" sui tag <img>: il browser carica l'immagine solo quando si avvicina al viewport. Implementazione 1 riga, riduzione caricamento iniziale 30-50%.

Esempio:

<img src="foto.jpg" loading="lazy" alt="..." />

Responsive images con srcset

Servire la dimensione giusta per il dispositivo:

<img 
  src="foto-800w.jpg"
  srcset="foto-400w.jpg 400w, foto-800w.jpg 800w, foto-1200w.jpg 1200w"
  sizes="(max-width: 640px) 400px, (max-width: 1024px) 800px, 1200px"
  loading="lazy" alt="..." />

Mobile riceve 400w (50KB), desktop 1200w (200KB). Senza srcset tutti ricevono 1200w.

Pipeline automatica per WordPress

• ShortPixel o Imagify: €5-20/mese, conversione automatica WebP/AVIF + compressione
• Cloudflare Pro: image optimization automatica
• Bunny CDN Optimizer: optimization on-the-fly

Risultato realistico

• Peso pagina prima: 3-5MB
• Peso pagina dopo: 800KB-1.5MB
• Lighthouse score: +15-25 punti
• Tempo caricamento mobile 3G: -2-4 secondi

Image optimization è il primo win di velocità per qualsiasi sito. Implementato di default nei nostri pacchetti web. Vedi guida velocità sito.

Vuoi applicare questi consigli alla tua PMI?

Se vuoi un'analisi concreta della tua situazione, richiedi l'audit gratuito di Gamerbit. In 48 ore ti diciamo dove stai perdendo richieste, tempo o budget — senza vendita.

Per chi cerca un sistema completo, le offerte no-brainer 2026 sono il punto di partenza più diretto.