wpscholar/wp-async-defer-scripts

WordPress Async/Defer Scripts

A Composer library for asynchronously loading or deferring scripts in WordPress., _(*1)

Requirements

• PHP 5.3+
• WordPress 4.2+

Installation

Add the module to your code base via Composer, _(*2)

composer require wpscholar/wp-async-defer-scripts

Be sure to require the Composer autoloader in your project, _(*3)

<?php

require __DIR__ . '/vendor/autoload.php';

Usage

How to asynchronously load a script:, _(*4)

<?php

add_action( 'wp_enqueue_scripts', function () {
    wp_enqueue_script( 'recaptcha', 'https://www.google.com/recaptcha/api.js' );
    wp_scripts()->add_data( 'recaptcha', 'async', true );
} );

How to defer loading of a script:, _(*5)

<?php

add_action( 'wp_enqueue_scripts', function () {
    wp_enqueue_script( 'recaptcha', 'https://www.google.com/recaptcha/api.js' );
    wp_scripts()->add_data( 'recaptcha', 'defer', true );
} );

Initialization

In most cases, you can simply follow the installation instructions and things will just work. However, if you are including this library outside of a WordPress plugin or theme, you may have to manually initialize the class:, _(*6)

<?php

wpscholar\WordPress\AsyncDeferScripts::initialize();