W3TC & Cloudflare – Eliminate render-blocking resources

  • Resolved morenaf

    (@morenaf)


    3 years, 6 months ago

    Hi, I’m trying to address the Page Insights Opportunity for “Eliminate render-blocking resources”.
    I have W3TC plugin enabled. Cloudflare extension enabled. I disabled minifying in Cloudflare and followed these instructions https://blog.hubspot.com/marketing/remove-javascript-rendering-block to add non essential files to be deferred but I don’t think those settings are working. In particular I’ve added this JS file “https://urbanmakers.co.uk/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js” and in page insights it still comes up, even after I’ve cleared all possible caches. When I look at the page source, I can’t see the defer attribute where that JS script is loaded either.
    The same also applies to a few more files I’ve added to be deferred, they still show up in page insights:
    wp-content/plugins/js_composer/assets/css/js_composer.min.css
    wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/style.css
    Can you please help?
    wp-includes/css/dashicons.min.css

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @morenaf

    Thank you for reaching out.
    As I can see you are trying to use Manual Minify. This can be a complex process and you should proceed by adding the files one by one to Minify.
    You can use the help wizard in the Performance>Minify as you can see in the article I’ve shared.
    I would advise starting with Auto minify and change the embed method in Performance>Minify>JS to non-blocking using “defer” and switch it back to default blocking if you are experiencing issues.
    As for eliminating render-blocking CSS the reis an option for that in Performance>Minify>CSS>”Eliminate render-blocking CSS by moving it to HTTP body”. That option is only available after upgrading to Pro and it’s only moving minified files.
    I hope this helps!
    THanks!

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