Ottimizzazione Immagini WordPress: WebP, AVIF e Lazy Loading nel 2026

Juan Camilo Auriti

Ottimizzazione Immagini WordPress: WebP, AVIF e Lazy Loading nel 2026

Le immagini rappresentano il 50-70% del peso di una pagina WordPress media. Un’immagine hero da 2MB caricata in JPEG non compresso è la causa #1 di LCP lento. E nel 2026, servire JPEG quando WebP e AVIF esistono è come usare un fax quando hai l’email.

I Formati: JPEG vs WebP vs AVIF

Formato	Compressione	Supporto browser	Qualità visiva	Quando usarlo
JPEG	Baseline	100%	Buona	Mai come formato primario nel 2026
WebP	25-35% più piccolo di JPEG	97%	Ottima	Default per tutte le immagini
AVIF	40-50% più piccolo di JPEG	87%	Eccellente	Dove il supporto browser è ok
SVG	Vettoriale (scalabile)	100%	Perfetta per grafica	Loghi, icone, illustrazioni

Conversione Automatica su WordPress

Opzione 1: WordPress 6.1+ (nativo)

WordPress 6.1 ha aggiunto il supporto WebP nativo. Se carichi un JPEG, WordPress può generare versioni WebP automaticamente. Ma serve un server con libwebp installato.

# Verifica supporto WebP
php -r "echo function_exists('imagewebp') ? 'WebP OK' : 'WebP NO';"

# Installa libwebp (Debian/Ubuntu)
sudo apt install libwebp-dev
# Poi ricompila/reinstalla l'estensione GD di PHP

Opzione 2: Plugin (raccomandato)

I plugin gestiscono conversione, serving condizionale (WebP ai browser che lo supportano, JPEG agli altri), e bulk optimization delle immagini esistenti.

Plugin	Free tier	AVIF	Bulk	CDN
ShortPixel	100 img/mese	✅	✅	✅ ($)
Imagify	20MB/mese	✅	✅	❌
EWWW Image Optimizer	Illimitato (locale)	✅	✅	✅ ($)
Smush	Illimitato (lossy)	❌	✅	✅ ($)

Raccomandazione: EWWW Image Optimizer per chi gestisce il server (conversione locale, nessun limite). ShortPixel per hosting condiviso (conversione cloud).

Opzione 3: CLI batch (per developer)

# Converti tutti i JPEG in WebP
find wp-content/uploads -name "*.jpg" -exec sh -c '
    cwebp -q 82 "$1" -o "${1%.jpg}.webp"
' _ {} \;

# Converti in AVIF (richiede avifenc)
find wp-content/uploads -name "*.jpg" -exec sh -c '
    avifenc --min 20 --max 35 "$1" "${1%.jpg}.avif"
' _ {} \;

Lazy Loading: Come Farlo Bene

WordPress 5.5+ aggiunge loading="lazy" a tutte le immagini. È il default. Ma ci sono regole:

NON lazy load l’immagine LCP (above the fold). WordPress 6.3+ dovrebbe escluderla, ma verifica
Lazy load tutto below the fold: è il default e va bene
Lazy load gli iframe (YouTube, mappe): aggiungi loading="lazy" manualmente

Dimensioni Responsive con srcset

WordPress genera srcset automaticamente per le immagini inserite nel contenuto. Ma il tema deve usare wp_get_attachment_image() per beneficiarne. Se il tema stampa <img src="..."> direttamente, non c’è srcset.

// Nel template del tema, usa:
echo wp_get_attachment_image($attachment_id, 'large', false, [
    'class' => 'hero-image',
    'fetchpriority' => 'high' // per l'immagine LCP
]);
// WordPress genera automaticamente srcset e sizes

Il Workflow Completo

Installa EWWW o ShortPixel
Abilita conversione WebP automatica
Lancia bulk optimization sulle immagini esistenti
Verifica che lazy loading funzioni (ma non sull’LCP)
Aggiungi fetchpriority=”high” all’immagine hero
Testa con PageSpeed Insights: l’audit “Serve images in next-gen formats” deve passare

FAQ

WebP o AVIF nel 2026?

WebP come default (97% supporto). AVIF come upgrade per browser che lo supportano (usa il tag <picture> con fallback). Se vuoi semplicità, solo WebP è sufficiente.

La conversione WebP perde qualità?

Con quality 80-85, la differenza visiva è impercettibile per la stragrande maggioranza delle immagini. Per fotografia artistica o prodotto dove ogni dettaglio conta, testa con quality 90. Il risparmio di peso è comunque del 15-20%.

Quante immagini posso ottimizzare gratis?

EWWW: illimitate (conversione locale, richiede libwebp sul server). ShortPixel: 100/mese free. Imagify: 20MB/mese free. Per bulk di migliaia di immagini, EWWW locale o il CLI batch è la scelta economica.

Ottimizzazione Immagini WordPress: WebP, AVIF e Lazy Loading nel 2026