---
title: "How to Defer CSS and JS Loading in WordPress?"
url: https://nexterwp.com/docs/defer-css-and-js-loading-in-wordpress/
date: 2023-09-27
modified: 2026-04-14
author: "Aditya Sharma"
description: "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. ..."
image: https://nexterwp.com/wp-content/uploads/2024/05/defer-css-and-js-loading-in-wordpress-1024x519.jpg
word_count: 186
---

# 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.

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](https://wordpress.org/plugins/nexter-extension/), you can easily disable defer loading CSS and JS files.

## Learn via Video Tutorial

https://youtu.be/JLlISBBzQFg?t=1543

## 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 **>** Extensions** > **Performance**.

Then go to the **Advanced Performance** section, enable the toggle, and click on the gear icon (⚙).

![](https://nexterwp.com/wp-content/uploads/2025/05/advanced-performance-settings-new-1-1.png)

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

Then click on the** Save **button.

![defer css js](https://nexterwp.com/wp-content/uploads/2023/09/defer-css-js-new.png)

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