Skip to content
This repository has been archived by the owner on May 28, 2024. It is now read-only.

Latest commit

 

History

History
30 lines (21 loc) · 1.25 KB

README.md

File metadata and controls

30 lines (21 loc) · 1.25 KB

Async / Defer JS

"Async Defer JS" is a module which adds a configuration that says what HTML scripts should get an "async" or "defer" attribute.

It acts upon scripts added as page assets. A script which is added by a third party through some other way than a page asset won't get the "async" or "defer" attribute even if it matches one of the regular expressions configured.

Installation

Run the following command in the root of Magento 2.

$ composer require weprovide/magento2-module-async-defer-js

Once installed the only thing left to do is actually enable it.

$ bin/magento module:enable WeProvide_AsyncDeferJs
$ bin/magento setup:upgrade --keep-generated

Configuration

In System > Configuration > Advanced > Developer > JavaScript Settings two configuration settings can be seen. One of them is the regular expression used for the async HTML attribute, the other for defer.

There is also an other setting, the Check block scripts for "async" and "defer" which defaults to "No", and can be enabled when there is also a need to apply async and defer to scripts inside blocks.

Configuration Settings

The following regex can be used to match all scripts accept the require.js: ^((?!require.js).)*$