javascript - 尝试在 WordPress 网站上的脚本标记后添加异步

Question

我正在开发一个 WordPress 主题，我添加了一个名为 wp-fastest-cache 的插件，它在头部执行脚本标记

<script src='//mysite.com/wp-content/cache/wpfc-minified/fad3/13d93index.js' type='text/javascript'></script>

我尝试了很多来自堆栈溢出和谷歌的技巧，但都失败了。我尝试编辑的很多文件，如 function.php、fucntion.wp-script.php 等仍然卡住。我需要添加 async = 'async' 像

<script async = 'async' src='//mysite.com/wp-content/cache/wpfc-minified/fad3/13d93index.js' type='text/javascript'></script>

我知道有很多插件。但我想手动完成。

抱歉我的英语不好。

谢谢

Answer 1

请在functions.php中使用以下代码将async添加到JavaScript中。

if(!is_admin()){
    function defer_async_of_js ( $url ) {

        if ( strpos( $url, 'jquery.js' ) ) return "$url' ";
        if ( strpos( $url, '.js' ) ) {
            return "$url' async='async' ";
        }
        else
        {
            return $url;
        }

    }
    add_filter( 'clean_url', 'defer_async_of_js', 11, 1 );
}