jQuery problem – Eliminate render blocking

  • Resolved cigiloviccom

    (@cigiloviccom)


    4 years ago

    Hello there,

    I have been using your plugin for a long time and I’m not really sure if this has been caused by a recent update of Autoptimize.

    But I must say I have had great performance results recently and always got near 100% at gtmetrix. Also, Lighthouse was giving me 100% on each test (mobile or desktop, excluding progressive web app).

    On top of that, with my current settings, I was able to get all green in search console regarding core web vitals.

    But since yesterday, I received some warning messages in search console saying that my mobile core web vitals need improvement.

    When I re-did all the tests that I had done before, I noticed render-blocking problems. However, I was using your plugin with the same settings for a long time.

    So since I did not change anything after I reached my goals regarding performance, I’m kinda curious what’s happening. Since it says jquery and render-blocking, I just thought that I may ask you first.

    Do you have any suggestions?

    I should also add that I did not install any plugins that may cause this. Actually, the best results that I got from GTmetrix, Lighthouse had the same set of plugins and settings.

    Eliminate render-blocking resources
    Potential savings of 310 ms
    Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles.

    https://cigilovic.com/wp-includes/js/jquery/jquery.js
    33.3KB 299ms

    Many thanks,

    Osman

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    afraid tests change (gtmetrix was very recently updated, pagespeed insights approx. half a year ago).

    on pagespeed insights jquery is not listed as being render-blocking and given jquery is deferred (I guess you’re using AsyuncJS for that) that would be correct, if gtmetrix is flagging jquery then it is wrong.

    now on pagespeed insights you do have 2 render-blocking CSS-files; the a3 lazyload one and a generatepress one, both in wp-content/uploads which is excluded from CSS optimization by default, so maybe remove that CSS exclusion to make sure it is in the inlined aggregated CSS instead?

    Thread Starter cigiloviccom

    (@cigiloviccom)

    Hey man, thanks a million!!! I think I have been able to solve this issue with your suggestions!

    BTW, I wasn’t using Async JS while I was posting my initial question. Now I’m gonna stick with it as well.

    Excellent job!

    Cheers
    Osman

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you’re welcome Osman, feel free to leave a review of the plugin and support here! ??

    frank

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘jQuery problem – Eliminate render blocking’ is closed to new replies.