Come rendere tutti i WordPress Javascript i file vengono caricati in modo asincrono

Se si dispone di un sito Web in WordPress, Forse hanno sentito il bisogno per il script in JavaScript il sito viene caricato da in modo asincrono, evitando blocco il caricamento della pagina mentre questi ultimi vengono ottenuti, soprattutto se tali script sono pregati di URL esterno al tuo sito, che, A seconda del carico che avete questi sistemi in questo momento, possono prendere più o meno a rispondere alla richiesta.

Normalmente, Se di solito fanno uso di Google PageSpeed Insights per misurare la ottimizzazione di indice del vostro sito Web, Secondo Google, È possibile ottenere come risposta che elimini il codice Javascript che blocca il display.

Con questo, che cosa si vuole di noi per indicare questo analizzatore è che Ci sono file JavaScript, che le corrispondenti richieste sono fatti, e fino a quando queste applicazioni non vengono risolti., il carico del web è in stato di serratura, Che cosa farà che la tempo di ricarica lo stesso sguardo diminuita.

L'opzione migliore per fare questo è che il File JavaScript per essere caricato in modo asincrona, vale a dire, applicazioni e resta in attesa di loro fare strada parallelo per caricare la pagina web, impedendo in tal modo questo blocco durante l'attesa.

In WordPress C'è qualche plugin rendendo questo, ma sappiamo già, l'uso di qualsiasi plugin rende il nostro sistema è Overload, quindi la soluzione è di fare uso di un codice Inserirò in archivio functions. php, che è ospitato nella cartella principale della tema che stiamo usando in questo momento, qualcosa di simile a:

directorio_web/wp-content/themes/mi_tema/functions.php

1	directorio_web/wp-content/themes/mi_tema/functions.php

Una volta individuato il file in questione, Esso Modifica, e alla finale si introduce il seguente codice:

//Hace que todos los js se carguen de forma asincrona
function carga_js_asincrona( $etiqueta ) {
   #Añade async a todos los scripts
   return str_replace( ' src', ' async="async" src', $etiqueta );
}

add_filter( 'script_loader_tag', 'carga_js_asincrona', 10 );

//Hace que todos los js se carguen de forma asincrona

function carga_js_asincrona( $etiqueta ) {

#Añade async a todos los scripts

return str_replace( ' src', ' async="async" src', $etiqueta );

}

add_filter( 'script_loader_tag', 'carga_js_asincrona', 10 );

Se un tempo salvato, test per caricare il tuo sito web e un la revisione del codice origine della pagina, Si noti che tutti i script di JavaScript sono che ha aggiunto l'attributo e il valore Async = ’ async’, notificando, il browser in questione, per effettuare la caricamento asincrono o li in parallelo, senza dover aspettare che finisca per continuare il caricamento sul web.