Il comportamento di lazy loading e srcset in WordPress è migliorato in sordina più volte dal 2020. Nel 2026 è più capace di quanto immagini la maggior parte degli sviluppatori di temi. Questa guida spiega cosa fa WordPress per impostazione predefinita, cosa non fa e dove si inserisce un plugin di offload dei media.
Cosa fa WordPress per te per impostazione predefinita
Dalla versione 5.5 WordPress aggiunge automaticamente loading=”lazy” alle immagini sotto la piega. Dalla 6.3 cerca di saltare l’immagine LCP in modo che si carichi immediatamente. Entrambi i comportamenti sono filtrabili.
Per la maggior parte dei temi le impostazioni predefinite sono corrette. In alcuni temi personalizzati l’euristica sbaglia e l’immagine LCP viene caricata in lazy loading per errore.
Come funziona srcset in WordPress
WordPress genera diverse varianti di ogni immagine al caricamento, poi le assembla in un attributo srcset in output. I browser moderni scelgono la variante giusta in base al viewport e alla densità di pixel. Tutto questo è automatico se usi the_post_thumbnail o wp_get_attachment_image.
I template personalizzati che scrivono i tag img a mano spesso lo saltano. Passa alle funzioni di supporto e otterrai srcset gratuitamente.
Mantieni l’immagine LCP a caricamento immediato
L’immagine del Largest Contentful Paint deve caricarsi immediatamente. Se il tuo tema la carica in lazy loading per errore, l’LCP ne risente in modo visibile. Aggiungi loading=”eager” e fetchpriority=”high” all’immagine principale nel template, non nel markup.
Una piccola modifica al tema in questo punto vale spesso un secondo intero di miglioramento dell’LCP.
Perché l’offload rende srcset molto più veloce
Sia il lazy loading sia srcset presuppongono che la consegna delle immagini sia veloce. Se la tua origine è lenta, nessun attributo di caricamento per quanto ingegnoso ti salverà. Defyn Media Offload riscrive ogni variante di srcset in un URL della CDN, così il browser preleva la dimensione giusta dal nodo edge giusto. È questa combinazione a fare la differenza su mobile.
Senza offload, il lazy loading si limita a ritardare una richiesta lenta. Con l’offload, ogni variante di srcset arriva rapidamente quando serve.
Errori comuni
Caricare l’immagine LCP in lazy loading. Dimenticare srcset sui tag img scritti a mano. Saltare gli attributi di larghezza e altezza, causando spostamenti del layout (layout shift). Mettere troppe risorse dietro preload, congestionando la rete.
Correggi questi punti in ordine e sarai a buon punto verso un punteggio verde nei Core Web Vitals.
Domande frequenti
Il lazy loading e srcset di WordPress funzionano con le immagini di sfondo?
No. loading=”lazy” si applica solo agli elementi img e iframe. Le immagini di sfondo richiedono un approccio diverso, di solito con IntersectionObserver.
Perché la mia immagine LCP viene caricata in lazy loading?
Probabilmente l’euristica ha valutato male quale fosse l’immagine LCP. Imposta loading=”eager” e fetchpriority=”high” in modo esplicito nel template.
Quante varianti di srcset dovrei generare?
Da tre a cinque bastano per la maggior parte dei temi. Oltre a ciò si spreca spazio su disco e si rallentano i caricamenti.
Dovrei disattivare il lazy loading nativo?
No. È l’impostazione predefinita corretta. Sovrascrivila solo per l’immagine specifica che deve caricarsi immediatamente.
Il lazy loading e srcset ti portano lontano, ma danno frutti solo quando la consegna delle immagini è veloce e il template è configurato correttamente. Se desideri che un esperto controlli la pipeline media del tuo WordPress e i tuoi Core Web Vitals, Defyn può aiutarti.
