Today we're introducing some updates to commonly used HubL tags and functions that you can use to improve performance on your HubSpot websites.

What's happening?

The Image HubL tags have been updated to support the loading attribute. The loading attribute for img HTML elements tells browsers to use browser-based lazy loading of assets on your website. This can have significant positive effects on page performance.

The option is now available in the image, linked_image, and logo HubL tags. As a reminder, we added similar functionality for image fields last November.

The require_js function has been updated to add support for the async and defer attributes to the script tags generated by the function.

The require_css function has been updated to support loading CSS asynchronously, a performance technique that is useful when implementing critical CSS.

To stay up to date with the latest updates make sure to subscribe to the changelog.