m2-boilerplate/module-link-preload

Magento 2 module that allows loading of assets with the preload attribute

Maintainers

Details

github.com/m2-boilerplate/Module-Link-Preload

Source

Issues

Installs: 19

Dependents: 0

Suggesters: 0

Security: 0

Stars: 3

Watchers: 0

Forks: 16

Open Issues: 0

Type:magento2-module

pkg:composer/m2-boilerplate/module-link-preload

2.0.0 2020-08-09 16:37 UTC

Requires

  • magento/framework: *

MIT 34cd052af99b8319db0ad3b1a292bae7ba9cda4e

  • Darren Belding <darren.belding.woop@meanbee.com>
  • Thomas Hampe <github.woop@hampe.co>

This package is auto-updated.

Last update: 2025-10-10 18:40:15 UTC

README

A Simple module that allows pre-loading of assets (css, fonts, scripts, etc...) loading in Magento 2

Installation

  1. Go to your Magento root directory
  2. Run composer require m2-boilerplate/module-link-preload

Usage

To add assets to the block, provide the assets argument:

<referenceBlock name="head.csspreload">
    <arguments>
        <argument name="assets" xsi:type="array">
            <item name="unique_name" xsi:type="array">
                <item name="path" xsi:type="string">css/filename.css</item>
                <item name="as" xsi:type="string">style</item>
                <item name="attributes" xsi:type="array">
                    <item name="name1" xsi:type="string">value1</item>
                    <item name="name2" xsi:type="string">value2</item>
                </item>
            </item>
        </argument>
    </arguments>
</referenceBlock>

To modify the template of the generated <link /> tags, provide a link_template argument, e.g.:

<referenceBlock name="head.csspreload">
    <arguments>
        <argument name="link_template" xsi:type="string"><![CDATA[<link rel="preload" as=":as:" href=":path:" :attributes: />]]></argument>
    </arguments>
</referenceBlock>

There are three variables that will be substituted: :path:, which will be replaced by the asset path, :as: which will be replaced by the asset type and :attributes: that will contain your attributes of your assets as HTML attributes.