Async JavaScript per WordPress

Plugin JavaScript WordPress gratuito

Frank Goossens ha sviluppato il plugin Async JavaScript gratuito. Puoi utilizzare il plugin per eliminare il contenuto Javascript (JS) che blocca il rendering sopra la piega. È compatibile con WordPress 4.6 e versioni successive. Puoi scaricarlo gratuitamente in cinque lingue: olandese, inglese americano e tre dialetti spagnoli.

Questa app ti dà il controllo completo sull'aggiunta e l'eliminazione dell'attributo defer o await agli script e aiuta a aumentare la velocità di caricamento del sito. Altri plugin che offrono il caricamento asincrono di JS sono Lazy Widget Loader e Reverb for Publishers.

Spiegazione del caricamento asincrono

Di solito, WordPress carica gli script uno alla volta. Poiché deve caricare completamente un elemento prima di caricare il successivo, aumenta il tempo di caricamento complessivo del sito.

Il caricamento asincrono permette ai file di caricarsi in parallelo. I programmatori lo fanno aggiungendo un attributo async ai tuoi Javascript o un attributo 'defer' per escludere script specifici. 

Supporto del browser e CSS

Async è un nuovo attributo in HTML 5 e funziona con Chrome, Internet Explorer 10 e successivi, Firefox 3.6 e successivi, Safari e Opera. Funziona solo con la coda di script integrata di WordPress. 

Un altro attributo utile da utilizzare con async è await, che è utile per le funzioni delle API web. Ricorda che await funziona solo all'interno di funzioni asincrone. Viene impostata una condizione specifica e solo quando questa condizione viene soddisfatta, il Javascript viene caricato in modo asincrono. 

Il plugin funziona solo con JS e non modifica in alcun modo i tuoi script CSS. Per ottimizzare CSS, avrai bisogno di un plugin dedicato per questa funzionalità.

Aumentare le prestazioni del sito web

Async JavaScript offre ai proprietari del sito un modo per caricare JavaScript in modo asincrono o per eliminare o posticipare il caricamento di script specifici, riducendo il tempo di caricamento della pagina. Un'altra opzione utile è 'await', dove gli script vengono caricati solo una volta che viene soddisfatta una particolare condizione. Await semplifica anche la codifica.

Con l'ultima versione, lo sviluppatore ha aggiunto una soluzione alternativa per specifici script JS inline che vengono sincronizzati in modo asincrono.