27 Ottobre 2022

I dati sulle prestazioni di Web Almanac del 2022 mostrano che i siti WordPress potrebbero abusare del lazy loading

Il Lazy Loading per caricare le immagini sembra sia utilizzato in modo errato secondo questa ricerca.

WordPress Lazy Load
Print Friendly, PDF & Email

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 “.

Lazy Loading

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.

Web Almanac 2022 – Capitolo 12: Prestazioni

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.

Hai dei dubbi? Non sai da dove partire? Contattaci


Abbiamo tutte le risposte alle tue domande per aiutarti nella giusta scelta.

Chatta con noi

Chatta direttamente con il nostro supporto prevendita.

0256569681

Contattaci telefonicamente negli orari d’ufficio 9:30 – 19:30

Contattaci online

Apri una richiesta direttamente nell’area dei contatti.

INFORMAZIONI

ManagedServer.it è il principale provider italiano di soluzioni hosting ad alte performance. Il nostro modello di sottoscrizione ha costi contenuti e prevedibili, affinché i clienti possano accedere alle nostre affidabili tecnologie di hosting, server dedicati e cloud. ManagedServer.it offre, inoltre, eccellenti servizi di supporto e consulenza su Hosting dei principali CMS Open Source come WordPress, WooCommerce, Drupal, Prestashop, Magento.

SOLO UN ATTIMO !

Vorresti vedere come gira il tuo WooCommerce sui nostri sistemi senza dover migrare nulla ? 

Inserisci l'indirizzo del tuo sito WooCommerce e otterrai una dimostrazione navigabile, senza dover fare assolutamente nulla e completamente gratis.

No grazie, i miei clienti preferiscono il sito lento.
Torna su