How to defer linked CSS

Develop, Build & Integrate CMS Development
1

Hi there, can someone please tell me how to defer a CSS file that’s linked to a Template.

2

Refer to this HubL functions - HubSpot docs you will see there you can async a CSS file in the following way:

{{ require_css(get_asset_url("./style.css"), { async: true }) }}

3

But the problem is that I am not requiring the css file, I am injecting the css to a template

img_20220710_456897.png
img_20220710_456897.png342×500 14.9 KB

4

@ashu125 you can simply unlink the css file there and then include it in the markup.

If you want more control over linked files you will need to HubSpot CLI and edit the module’s meta.json file and use css_render_options -- you can find more details here Coding Custom Modules - HubSpot docs

5

Yeah, I can do that. Thanks a lot