Gli ultimi due capitoli del Web Almanac 2022 sono stati pubblicati questa settimana: dati strutturati e prestazioni, completando l’ebook di 729 pagine del rapporto. Il capitolo specifico di WordPress è stato pubblicato all’inizio di questo mese con metriche che indicano che l’adozione è in crescita .
Il capitolo Performance è stato scritto dall’ingegnere delle prestazioni di Etsy Melissa Ada e dall’ingegnere della trasparenza web di Google Rick Viscomi. Le metriche delle prestazioni nel capitolo si concentrano sui Core Web Vitals (CWV), che Google ha introdotto nel 2020 e ha creato un segnale di ranking nel 2021. Per il rapporto hanno utilizzato il set di dati pubblico Chrome UX Report (CrUX), che raccoglie dati da siti Web idonei , pubblicamente siti rilevabili con un numero minimo di visitatori non divulgato.
La maggior parte dei dati riguarda le prestazioni del Web nel suo insieme nel tempo, ma il Web Almanac del 2022 ha evidenziato una preoccupazione specifica per quanto riguarda l’uso del lazy-loading da parte dei siti WordPress e il suo impatto sulle prestazioni LCP. Google definisce le metriche LCP (The Largest Contentful Paint metric) come “il tempo di rendering dell’immagine più grande o del blocco di testo visibile all’interno del viewport, rispetto a quando la pagina ha iniziato a caricarsi per la prima volta “.
Il lazy load o caricamento lento (chiamato anche caricamento su richiesta) è una tecnica di ottimizzazione per il contenuto online, che si tratti di un sito Web o di un’app Web.
Invece di caricare l’intera pagina Web e renderla all’utente in una volta sola come nel caricamento in blocco, il concetto di caricamento lento aiuta a caricare solo la sezione richiesta e ritarda la restante, finché non è necessaria all’utente.
Il caricamento su richiesta riduce il consumo di tempo e di memoria, ottimizzando così la consegna dei contenuti. Poiché solo una frazione della pagina Web, necessaria, viene caricata per prima, il tempo impiegato è inferiore e il caricamento del resto della sezione viene ritardato, risparmiando spazio di archiviazione. Tutto ciò migliora l’esperienza dell’utente poiché il contenuto richiesto viene alimentato in pochissimo tempo.
Il lazy load è una buona cosa se usato correttamente, ma queste statistiche suggeriscono fortemente che esiste una grande opportunità per migliorare le prestazioni rimuovendo questa funzionalità in particolare dalle immagini LCP.
WordPress è stato uno dei pionieri dell’adozione del lazy load nativo e, tra le versioni 5.5 e 5.9, non ha effettivamente omesso l’attributo dai candidati LCP. Quindi esploriamo la misura in cui WordPress sta ancora contribuendo a questo anti-modello.
Secondo il capitolo CMS , WordPress è utilizzato dal 35% delle pagine . Quindi è sorprendente vedere che il 72% delle pagine che utilizzano il caricamento lento nativo sulla propria immagine LCP utilizzano WordPress, dato che una correzione è disponibile da gennaio 2022 nella versione 5.9. Una teoria che necessita di ulteriori indagini è che i plug-in potrebbero aggirare le salvaguardie integrate nel core di WordPress iniettando immagini LCP nella pagina con il comportamento di caricamento lento.
Allo stesso modo, una percentuale sproporzionatamente alta di pagine che utilizzano il caricamento lazy personalizzato viene creata con WordPress al 54%. Ciò suggerisce un problema più ampio nell’ecosistema di WordPress sull’uso eccessivo del caricamento lento. Piuttosto che essere un bug risolvibile localizzato nel core di WordPress, potrebbero esserci centinaia o migliaia di temi e plugin separati che contribuiscono a questo anti-pattern.
What gives, WordPress? My theory is that it's not the core heuristics that are wrong, it's the plugins.
Also, keep in mind that the majority of pages that even use lazy-loading are WP.https://t.co/tp9mQwCZLj
— Rick Viscomi (@rick_viscomi) October 26, 2022
Prima di WordPress 5.9, l’implementazione predefinita del caricamento lento di WordPress causava prestazioni LCP più lente, poiché era stata applicata in modo troppo aggressivo e caricava in modo lento le immagini above the fold. Nella versione 5.9, WordPress ha fornito una correzione che carica più avidamente le immagini all’interno del viewport iniziale mentre carica in modo lazy il resto. Ecco perché i risultati che mostrano i siti WordPress che utilizzano eccessivamente il caricamento lento sono sorprendenti.
“Certo, il ‘sovraccarico del lazy load’ è un problema difficile da risolvere“, ha detto Viscomi nella sua analisi del thread di Twitter . “Non sempre sappiamo se un’immagine sarà l’LCP. Il core di WordPress lo imposta su ogni immagine per impostazione predefinita e utilizza l’euristica per annullarlo. Quasi 3/4 delle pagine che caricano nativamente le immagini a caricamento lento si trovano su WordPress”
Nel 2020, Viscomi ha sottolineato la rapidità con cui l’adozione del lazy load dell’immagine nativa è aumentata dopo il rilascio di WordPress 5.5 nell’agosto dello stesso anno con il lazy load delle immagini per impostazione predefinita. WordPress ha guidato l’adozione di questa funzionalità, motivo per cui qualsiasi implementazione “anti-pattern”, come l’ha definita Viscomi, ha un effetto smisurato sulle prestazioni del web.
