Caricamento lento nativo in arrivo su WordPress
Sembra essere la settimana del lancio delle notizie sui plugin delle funzionalità di WordPress. Felix Arntz, core committer di WordPress e sviluppatore di programmi di Google, ha annunciato un piano per spingere una funzione di caricamento lento sulla piattaforma. Se i test andranno bene, questa funzionalità potrebbe approdare in WordPress 5.4 a marzo.
Il concetto di lazy loading permette ad una pagina web di renderizzare senza caricare determinate risorse fino a quando non sono necessarie. Questo porta a un caricamento più veloce delle pagine e salva i dati sul lato del visitatore. Il caricamento lento è particolarmente utile per il rendering di immagini sul web.
L’opposto del lazy loading si chiama “caricamento lento”, che carica tutto alla rinfusa. Per impostazione predefinita, questo è il modo in cui tutte le immagini vengono caricate sul web. Questo spesso porta a scarse prestazioni su pagine web con immagini pesanti, dove molte delle immagini non sono nella finestra di visualizzazione del visitatore del sito quando si visualizza la pagina per la prima volta.
Per molti anni, varie librerie JavaScript hanno gestito questa caratteristica, ma non sempre con successo. Una soluzione nativa si sta lentamente facendo strada nei browser. Il caricamento lento nativo funziona aggiungendo un attributo di caricamento a un elemento <img> o <iframe>. I browser possono quindi decidere come caricare una risorsa in base al valore dell’attributo. Attualmente, Chrome, Edge e Opera gestiscono tutti l’attributo di caricamento. Una volta che l’attributo entra ufficialmente nelle specifiche HTML, la caratteristica dovrebbe essere uno standard supportato da tutti i browser.
L’adozione del nuovo attributo di caricamento è una grande opportunità per WordPress di aprire la strada ad un web più veloce.
Il nuovo plugin per la funzione Lazy Loading è ora disponibile nella directory dei plugin di WordPress. Il plugin si basa solo sul supporto nativo del browser e non aggiunge ulteriori JavaScript. L’implementazione aggiunge un attributo di caricamento alle immagini nei contenuti dei post, estratti, commenti, widget di testo, avatar e istanze di utilizzo delle funzioni di base delle immagini di WordPress. Per impostazione predefinita, il plugin imposta tutte le immagini per caricare pigramente piuttosto che con entusiasmo.
È rinfrescante vedere il lavoro continuo dei collaboratori del core su soluzioni di immagini più robuste. Insieme alla gestione di immagini di grandi dimensioni di WordPress 5.3, entrambe le funzioni porteranno ad un web generalmente più veloce. Con un maggior numero di utenti che negli ultimi anni hanno caricato immagini di alta qualità tramite telefoni cellulari, questo ha solo aggravato il problema di un web lento. Per questo motivo è imperativo che WordPress spinga continuamente per l’ottimizzazione delle immagini.
“Con WordPress che consente il lazy-loading nativo per impostazione predefinita, avrebbe un impatto significativo sulle prestazioni e sull’esperienza dell’utente per milioni di siti, senza richiedere alcuna conoscenza tecnica o anche la consapevolezza del lazy-loading come concetto”, ha scritto Arntz nel post dell’annuncio. “L’adozione del nuovo attributo di caricamento è una grande opportunità per WordPress di aprire la strada a un web più veloce”.
Arntz e un team di ingegneri hanno originariamente rilasciato un plugin nativo per il caricamento lento nel settembre 2019. Ciò è avvenuto poco dopo che Google ha portato la funzione di “caricamento” dell’attributo alla versione 76 del suo browser Chrome. Il plugin nativo Lazyload ha attualmente oltre 7.000 installazioni.
Poiché non tutti i browser web supportano l’attributo di caricamento, gli utenti potrebbero non voler abbandonare automaticamente i loro attuali plugin quando la funzione approda in WordPress. Gli utenti possono scegliere di supportare i browser senza il caricamento nativo lento per un po’ di tempo
Il codice proposto all’interno del plugin Lazy Loading tenta di rilevare se l’attributo di caricamento esiste su un’immagine prima di applicarlo. Questo significa che il codice dovrebbe giocare bene con i plugin esistenti ed evitare conflitti nella maggior parte dei casi.
Gli sviluppatori di plugin che gestiscono il lazy loading devono iniziare a testare i loro plugin e aggiornarli per WordPress 5.4.
