Disable WooCommerce scripts and styles and non-eCommerce content.

Remove unused CSS and JavaScript using an asset unloading plugin.

Avoid heavy page builders that add lots of extra CSS and JavaScript.

Asset CleanUp Pro can remove custom CSS while Perfmatters (and the free version of Asset CleanUp) do not. The Perfmatters UI/UX is better but it’s also a premium plugin (it’s what I use). You can even unload assets from Elementor and other page builders.įirst, choose an asset unloading plugin (here’s a comparison of Asset CleanUp vs.

Asset unloading plugins like Asset CleanUp and Perfmatters let you view CSS and JavaScript files on each page/post then disable them where they’re not used. Large CSS and JavaScript files can slow down the first contentful paint.Ĭontact forms, sliders, and other things can load across your entire WordPress site even if they’re not being used.

In Async JavaScript, click “apply defer” and set the JavaScript method to async.

In Autoptimize, enable “optimize + aggregate CSS/JS.”.

Install Autoptimize and Async JavaScript.After installing the Autoptimize and Async JavaScript plugins, this item was green and only 1 resource on my WordPress website is render-blocking. I already had load JavaScript deferred enabled in WP Rocket but still had many render-blocking issues in PageSpeed Insights. Eliminating render-blocking resources is the first thing Google recommends to improve first contentful paint, and that usually starts with deferring JavaScript.Īutoptimize and Async JavaScript can do a better job at deferring JavaScript than cache plugins.

Cachet pro heavy font