CODEWITHSUNDEEP
javascriptphpwordpress
Drobesz
Drobesz

Reputation: 384

How to enqueue jQuery asynchronously in wordpress?

My theme uses the bundled jQuery of Wordpress and I want to load it asynchronously. (Yeah, PageSpeed Insights...)

Upvotes: 2

Views: 4371

Answers (2)

sanjeev
sanjeev

Reputation: 4621

There is a hook for this script_loader_tag. You can use it as below

add_filter( 'script_loader_tag', 'add_async_to_script', 10, 3 );
 
function add_async_to_script( $tag, $handle, $src ) {

    //You can use this to make all async

    $tag = str_replace( ' src', ' async src', $tag );

    // You can use this to make it work as below for a specific script

    if ( 'dropbox.js' === $handle ) {
        $tag = '<script async type="text/javascript" src="' . esc_url( $src ) . '"></script>';
    }
 
    return $tag;
}

Upvotes: 3

Attersson
Attersson

Reputation: 4866

Depending on the functionalities of your website, deferring or loading jquery asyncronously might possibly impact on the way the page is loaded or even break functionality. It may as well run smoothly.

But in order to give you a correct answer I must recommend you not to do it.

Here is some reference if you want to still try

https://wpshout.com/make-site-faster-async-deferred-javascript-introducing-script_loader_tag/

Upvotes: 1

Related Questions