Como fazer todos os seu WordPress Javascript arquivos são carregados de forma assíncrona

Se você tem um Web site em WordPress, possivelmente, sentiram a necessidade do scripts de em JavaScript seu site é carregado a partir de de forma assíncrona, evitando bloco o carregamento da página enquanto estes são obtidas, especialmente se tais scripts são solicitadas para URL externa para o seu site, que, Dependendo da carga que você tem esses sistemas neste momento, podem tirar mais ou menos a responder ao pedido.

Normalmente, Se você costuma fazer uso de Google PageSpeed Insights para medir a otimização do índice de seu Web site, De acordo com o Google, Você pode ter obtido como resposta que você elimina o Javascript que bloqueia a exibição.

Com isto, o que você quer para nos indicar este analisador é que Existem arquivos JavaScript, que são feitos os pedidos correspondentes, e até que esses aplicativos não são resolvidos., a carga da web está em estado de bloqueio, O que fará com que o tempo de carregamento o mesmo olhar diminuída.

A melhor opção para fazer isso é que o Arquivos JavaScript para ser carregado de forma assíncrono, ou seja, aplicações e espera deles fazer o caminho paralelo para carregar a página da web, impedindo assim que este bloqueio enquanto espera.

Em WordPress Há alguns plugin fazendo isso, Mas nós já sabemos., o uso de qualquer plugin faz nosso sistema é Sobrecarga de, Então a solução é fazer uso de um código Vou inserir no arquivo functions. php, que é hospedado na raiz da pasta do Tema que estamos usando neste momento, algo semelhante ao:

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

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

Uma vez localizado o arquivo em questão, - Editar, e para o final -introduzir o código a seguir:

//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 uma vez salvo, testes para carregar o seu web site e um revisão de código fonte de página, Observe que todos os scripts de de JavaScript são que você tem adicionado o atributo e o valor Async = ’ async’, notificando, o navegador em questão, para realizar o carregamento assíncrono ou paralela-los, sem ter que esperar que ela termine para continuar a carregar a web.