Perché le pagine ricche di texture rallentano
Le texture sono contenuti pesanti di immagini. Una galleria con 50 anteprime PNG non ottimizzate potrebbe trasferire 25–50 MB. Obiettivo: anteprime di qualità con caricamento iniziale sotto 2 MB.
Scelta del formato: WebP su PNG
WebP raggiunge file del 25–35% più piccoli rispetto a PNG a qualità equivalente.
Lazy loading e immagini responsive
L'attributo loading=“lazy” differisce il caricamento fino a quando le immagini sono vicine al viewport. Usa srcset per servire dimensioni appropriate per dispositivo.
CDN e caching
Servi immagini da CDN con header di cache aggressivi. Cache-Control: public, max-age=31536000, immutable per miniature statiche.
Misurare le prestazioni
Usa Lighthouse o WebPageTest per LCP e TBT. Monitora i Core Web Vitals in Google Search Console.