Load css asynchronously – render blocking resources

  • Resolved nedberto92

    (@nedberto92)


    1 year, 6 months ago

    Hi,

    HI am performing an audit on my website, using gtmetrix tool. It suggests me to eliminate render blocking resources. I have something like 10 css files , that have these paths:

    xxxx/cache/wpo-minify/1683903294/assets/wpo-minify-header-xxxxxxx.min.css

    I tried to add these css under the “Load the following CSS files asynchronously” box, and it works.

    The problem is when the cache updates, than the folder “1683903294” , updates to a new values so, the path is not correct any more.

    I am not sure how to fix the problem, since if i try to specify the name of the css file using something like *wpo-minify-header-xxxxxxx.min.css to allow any base url, it does not get matched. So the matching for async css loading appears to be working only when specifying the full base url, but it changes as I wrote before!

    Is there any way to provide a correct dynamic matching, based on a part of the url or file name only or any work around?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support vupdraft

    (@vupdraft)

    Hi,

    Apologies for the delay over the weekend, we are currently investigating/replicating this.

    Plugin Contributor Venkat Raj

    (@webulous)

    @nedberto92 You shouldn’t load minified and merged assets. Instead you have to find out which resource is actually render blocking and load it asynchronously. You can disable minify, and use GT metric to find out that.

    Also when minify is enabled, you can exclude the render blocking assets from Minify => Advanced tab. Please refer screenshot
    https://prnt.sc/lwhVEWy-gN54

    Thread Starter nedberto92

    (@nedberto92)

    Thankyou very much. I will try with this approach !

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Load css asynchronously – render blocking resources’ is closed to new replies.