Implementation overview

How to Defer Non-Critical JavaScript on Webflow

Deferring non-critical JavaScript is crucial for improving your website’s initial load time and performance. By deferring, you allow the browser to load and render the main content first and then execute the JavaScript after loading the page.

We already mentioned it in the optimization section above.

How to do it on Webflow?

Add defer Attribute: Apply the defer attribute to your <script> tags in the global, page-specific, or custom code areas. This ensures the script is downloaded during HTML parsing but executed after the page fully loads.

Do's

Don'ts

Tools
Don't have the Checklist yet?