Fixing “Eliminate render-blocking JavaScript and CSS in above-the-fold content” Error

  1. Go to Performance -> General Settings.
  2. Find the Minify heading on the page.
  3. Tick the Enable box for Minify.
  4. Press Save all settings.

How do you remove eliminate render blocking resources in WordPress?

To eliminate render-blocking resources on WordPress, you can use off-the-rack plugins. For a free solution, you can use the combination of Autoptimize and Async JavaScript, two plugins from the same developer.

How do you fix eliminate render blocking CSS?

To summarize:

  1. Don’t use CSS imports.
  2. Load conditional CSS with media attributes.
  3. Use the defer and async attributes to eliminate render-blocking JavaScript.
  4. Split, bundle, and minify CSS and JavaScript files.
  5. Load custom fonts locally.

How do I fix render blocking JavaScript in CSS?

First, you need to check the box next to ‘Optimize JavaScript Code’ option under the JavaScript Options block. Make sure that ‘Aggregate JS-files’ option is unchecked. Next, scroll down to the CSS Options box and check the ‘Optimize CSS Code’ option. Make sure that ‘Aggregate CSS-files’ option is unchecked.

How do I fix render blocking?

To reduce the number of render-blocking scripts on your site, you’ll need to follow a few best practices:

  1. ‘Minify’ your JavaScript and CSS. This means removing all extra whitespace and unnecessary comments in the code.
  2. Concatenate your JavaScript and CSS.
  3. Defer the loading of JavaScript.

How do I eliminate render blocking resources?

To eliminate render-blocking resources with Autoptimize:

  1. Install and activate the Autoptimize plugin.
  2. From your WordPress dashboard, select, Settings > Autoptimize.
  3. Under JavaScript Options, check the box next to Optimize JavaScript code?.
  4. If the box next to Aggregate JS-files? is checked, uncheck it.

How do I get rid of unused CSS and JavaScript in WordPress?

On the post edit screen, you’ll find the Asset CleanUp box just below the post editor. The plugin will automatically fetch and list all the files and assets loaded when a visitor views this page on your website. You can then simply unload the unused CSS or JavaScript files that you don’t need on that page.

How do you eliminate render blocking resources?

How do I get rid of unused JavaScript in WordPress?

Remove Unused JavaScript In WordPress

  1. Find the source of heavy JavaScript.
  2. Choose an asset unloading plugin.
  3. Remove unused JavaScript.
  4. Use a lightweight page builder (or none)
  5. Minify JavaScript.
  6. Reduce third-party JavaScript.
  7. Defer non-essential JavaScript.
  8. Delay non-critical JavaScript.