Try to add async after script tag on wordpress site

Question

I'm working on a wordpress theme I added a plugin name wp-fastest-cache which execute a script tag on head section

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

I have tried lots of trick from stack overflow and google but failed.Lots of files I tried to edit like function.php, fucntion.wp-script.php etc. still stuck. I need to add async = 'async' like

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

I know there are lots of plugins. But I want to do it manually.

And sorry for my bad english.

Thanks,

Not getting what are you asking, but try this <script async defer src='//mysite.com/wp-content/cache/wpfc-minified/fad3/13d93index.js' type='text/javascript'></script> check here for more — Deep 3015
– Deep 3015, Commented May 3, 2017 at 12:25

Ahmed Ginani · Accepted Answer · 2017-05-03 12:28:01Z

2

Please use the following code inside functions.php to add async to the 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 );
}

answered May 3, 2017 at 12:28

Ahmed Ginani

6,6452 gold badges17 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Harshal Solanki · Accepted Answer · 2023-07-07 06:44:59Z

0

function add_defer_attribute($tag, $handle) {

    // add script handles to the array below
    $scripts_to_defer = array('gform_recaptcha');
    foreach ($scripts_to_defer as $defer_script) {
        if ($defer_script === $handle) {
            return str_replace(' src', ' async src', $tag);
        }
    }
    return $tag;
}

add_filter('script_loader_tag', 'add_defer_attribute', 10, 2);

// Place above code in function file. you can add multiple id after comma. For Ex. ('gform_recaptcha', 'another_id');

answered Jul 7, 2023 at 6:44

Harshal Solanki

214 bronze badges

Collectives™ on Stack Overflow

Try to add async after script tag on wordpress site

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related