如何使你所有的 WordPress Javascript 文件是异步加载

如果你有 web 站点 在 WordPress, 很可能会有感到需要脚本在 JavaScript 从加载您的网站异步, 避免块页面加载时这些信息可获得, 特别是如果要求这样的脚本 外部 URL 到您的网站, 其中, 取决于你在这个时候有这些系统的负载, 他们可能需要更多或更少对请求做出响应.

通常, 如果你通常使用的 谷歌 PageSpeed 的见解 测量 索引优化 你 web 站点, 根据谷歌, 你可能已获得了作为响应， 你消除阻止显示的 javascript 代码.

与此, 你想给我们以指示此分析仪是有文件 JavaScript, 而相应的请求, 直到这些应用程序不能解决, web 的负载处于的状态锁, 什么会使 充电时间 相同的外观减少.

那是最佳的选择，这样做 Javascript 文件 要加载的方式异步, 即, 应用程序和等待他们让路并行要加载该 web 页, 从而防止这种阻碍您等待的时候.

在 WordPress 有是有一些插件使这, 但我们已经知道, 使用的任何插件使我们的系统是过载, 所以解决的办法是使使用的代码我将在归档文件中插入粘贴, 这在主办 根文件夹 的的主题我们在这个时候使用, 类似的东西:

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

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

一次位于所讨论的文件, 它编辑, 及至最后它介绍 下面的代码:

//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 );

如果节省时间, 测试到 加载您的 web 站点 和 代码审查 页的源代码, 请注意，所有脚本的 JavaScript 你是的添加属性和值 异步 = ’ 异步’, 因此通知, 浏览器问题, 开展 异步加载 或平行他们, 而不必等待它完成继续加载 web.