How to defer JavaScript execution in Magento 2
Being a boolean attribute, defer specifies that the script is executed after the page parsing. The attribute is aimed at external scripts only (the src attribute should be present). Find more information about defer .
Despite Magento 2 supports standard script deferring, it never uses defer in its core. To change the situation, you can use the following code:
|
1 2 3 4 5 6 7 8 |
<?xml version='1.0'?> <page xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance' layout='admin-login' xsi:noNamespaceSchemaLocation='../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd'> <head> <script src='Dfe_Login::main.js' defer='defer'/> </head> </page> |
More tips from Magento 2 Developer’s Cookbook
Related posts
How to Import Customers & Customer Addresses to Magento 2
Magento 2 B2B Company Guide: Revealing Company Structure & Import
Magento 2 Release Notes
Adobe (Magento 2) Commerce and Cloud (Enterprise Edition) Specific Features
Amasty ChatGPT AI Content Generator for Magento 2
Magento Open Source and Adobe Commerce 2.4.7 Release Notes
How To Bulk Import Products In Shopify: CSV Description & Step-By-Step Guide
A Complete Guide to Shopify Customer Import