Eliminate render blocking resources

Viewing 1 replies (of 1 total)
  • Plugin Author Gabe Livan

    (@gabelivan)

    @masoom009 in order to completely eliminate render-blocking CSS, you have to use critical CSS while defer loading all the other LINK tags. You can do that using the Pro version of Asset CleanUp. You can generate the actual critical CSS for any page you need via a service such as CriticalCSS.com.

    I’ve noticed you do not need to have the following file loaded:
    /wp-includes/css/dist/block-library/style.min.css

    There’s even a dedicated post in the documentation about it: https://www.assetcleanup.com/docs/how-to-check-if-gutenberg-blocks-css-file-is-needed-or-not/

    As for jQuery being render-blocking, it’s usually a good idea to have it loaded without deferring it as it needs to load before any other jQuery code. It’s a small compromise to make and it’s not such a big deal to have it loaded. In some cases, you can defer it if you’re sure you do not have inline JS code (jQuery code) loaded in the pages and you will also have to defer all the other jQuery-related files as well. This is a task mostly for advanced users.

Viewing 1 replies (of 1 total)
  • The topic ‘Eliminate render blocking resources’ is closed to new replies.