The ultimate guide to set up and configure Async JS and CSS plugin : Most of the WordPress blogs gets the following result while testing page speed score.To fix this issue, install Async JS and CSS WordPress plugin and use our recommended settings to improve page speed score.
Eliminate render-blocking JavaScript and CSS in above-the-fold content.
Your page has 4 blocking script resources and 2 blocking CSS resources. This causes a delay in rendering your page.None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Here are the best settings for Async JS and CSS WordPress plugin.
Enable: Load Javascript asynchronously
Enable: Detect <script> tags in wp_head
Enable: Detect <script> tags in wp_footer
Enable: Load CSS asynchronously
CSS loading method
Enable: (default)Inserting all CSS styles inline into the document HEADER
Enable: Minify CSS
Enable: Remove "?ver=XXX" part from URLs.
If there is theme broken after this plugin activation, then disable detect <script> tags in wp_head and detect <script> tags in wp_footer options.
it's not possible to remove render blocking CSS for Google fonts.Other than fonts and third party scripts, you can get maximum results with these ideal Async CSS and JS settings.