Defer render-blocking JavaScript

[mouakter13]

Deferring render-blocking JavaScript isn't eliminating HTTP requests per se. However, optimizing the way they load can have the same effect on your site's perceived load times.

It may also help with the “Avoid chaining critical requests” message in Google PageSpeed ​​Insights/Lighthouse.

By deferring requests for certain files or loading them asynchronously, you can prevent unimportant resources from "blocking" the resources needed to quickly load the visible part of your site.

For more information on why this happens, you can read our guide to understanding the critical path of web page rendering .

Then, you can continue with our detailed guide to remove chile phone number data render-blocking resources in WordPress.

Best WordPress Plugins to Make Fewer HTTP Requests
If you are looking for some all-in-one WordPress plugins to make fewer HTTP requests, we recommend two of the plugins from the tutorial mentioned above:

WP Rocket
Perfmatters
While you'll still need to manually evaluate your theme and plugins to see if they're making too many HTTP requests, these two plugins can help you optimize everything left on your site once you've done the cleaning.

Summary
Each separate resource on your site adds an HTTP request. An image is an HTTP request, a CSS stylesheet is an HTTP request, a font file is an HTTP request, and so on.

If you're using WordPress , your theme will likely add its own HTTP requests, and many plugins add their own HTTP requests as well. You'll also have HTTP requests from any images you use and third-party scripts you add (such as analytics tools ).

More and/or larger HTTP requests will lead to a slower website. That’s why you’ll usually see messages like “Make fewer HTTP requests” or “Optimize HTTP requests” or “Avoid chaining critical requests” when using speed testing tools like GTmetrix or PageSpeed ​​Insights.