javascript - 如何延迟或异步加载此 WordPress javascript 代码段以最后加载以加快页面加载时间？

Question

我在我的一个 WordPress 域中有各种必要的插件，并且我知道它在 php 文件中的哪个位置被调用。

我正在采取一切措施来加快页面加载时间，并且网络上的每个速度测试人员都表示，如果可能的话，要推迟 JavaScript。

我已经阅读了关于 defer='defer' 和 async 函数的 javascript 函数，我认为其中之一将完成我想要完成的任务。但我不明白如何在 php 文件中这样做。

例如，这里是一个特定插件的 php 文件的片段，其中调用了 javascript 文件:

function add_dcsnt_scripts() {

    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'dcsnt', dc_jqsocialtabs::get_plugin_directory() . '/js/jquery.social.media.tabs.1.7.1.min.js' );

}

我读到最好这样做以加快页面加载时间:

<script defer async src="..."></script>

但我不知道如何在 php 文件中实现这一点。我想对我所有的 javascript 文件执行此操作。

我如何将这个 javascript 片段延迟或异步到最后加载并加快页面加载时间？在所有浏览器中增加页面加载时间的理想方法是什么？感谢任何人都可以提供的任何指导!

Answer 1

或者更通用的方式:

function add_async_forscript($url)
{
    if (strpos($url, '#asyncload')===false)
        return $url;
    else if (is_admin())
        return str_replace('#asyncload', '', $url);
    else
        return str_replace('#asyncload', '', $url)."' async='async"; 
}
add_filter('clean_url', 'add_async_forscript', 11, 1);

因此您可以在不更改代码的情况下将异步添加到任何脚本，只需将#asyncload 添加到脚本网址:

wp_enqueue_script('dcsnt', '/js/jquery.social.media.tabs.1.7.1.min.js#asyncload' )