How to Eliminate Render Blocking Resources on Your Site

Eliminate Render Blocking Resources

The two most common resource types that will cause assets for being render-blocking would be CSS and JavaScript which are being loaded on the front-end of your site.

Front-end CSS and JS files would be from active plugins which are loading assets on the front-end as well as the active theme would be loading both CSS files and JavaScript files.

Two of the easiest plugins to use that work together to be able to eliminate render-blocking resources on your site are Autoptimize and Async JavaScript.

Autoptimize Settings

The Async JavaScript plugin has an integration setting if the Autoptimize plugin is active on the site.

Async JavaScript plugin

If you are using the WP Rocket plugin for a full-page caching solution it also includes options to minify CSS and JavaScript files which will be able to stop assets from being rendered blocking on your site.

The WP Rocket plugin can also load CSS asynchronously and you can also delay the execution of JavaScript assets that are being generated on the site.

Using the free plugin solution or the paid plugin solution will help you to able to remove render-blocking resources on your site which will in turn improve the front-end experience for site users.

Useful Links

Looking for something?

Privacy laws apply to businesses that collect personal information. Since no personal information is collected by the MainWP plugins, no privacy laws apply to the MainWP plugins. This includes GDPR, UK DPA 2018, PIPEDA, Australia Privacy Act 1988, LGPD, PIPL, and other privacy laws.
Donata Stroink-Skillrud
Donata Stroink-Skillrud
President of Agency Attorneys