Skip to content

How to Defer CSS and JS Loading in WordPress?

Key Takeaways

  • Nexter Extension (Free) adds a way to defer CSS and JS loading in WordPress, since WordPress has no default options for it.
  • Advanced Performance in Nexter Extension is enabled from WordPress Dashboard > Nexter > Extensions > Performance, then the Defer CSS & JS toggle is turned on in the popup.
  • Defer CSS and JS loading lets a website load critical content first and then load non-essential scripts, which results in faster loading times and improved user experience.
Table of Contents

Slow loading website, can lead to a decline in user engagement and even a decrease in search engine rankings. One solution to this problem is deferring CSS and JS loading. 

Deferring CSS and JS loading allows a website to initially load the critical content before loading the non-essential elements such as scripts. This results in faster loading times and improved user experience.

There are no default options in WordPress to defer CSS and JS, but if you are using the Nexter Extension (Free) plugin, you can easily disable defer loading CSS and JS files.

Learn via Video Tutorial

How to Defer CSS and JS with the Nexter Extension?

To defer CSS and JS with the Nexter Extension, from the WordPress Dashboard, go to Nexter > Nexter Extension > Performance.

Then go to the Advanced Performance section, turn on the toggle, and click Configure.

Nexter Performance screen with the Performance item selected in the sidebar and the Advanced Performance card turned on

It will open the Advanced Performance panel, scroll down to the Defer CSS & JS section and turn on the toggle. 

Then click on the Save button.

Nexter Extension Advanced Performance panel with the Defer CSS & JS setting highlighted and the Save button marked

Now your CSS and JS files will be loaded using the “defer” attribute.

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!