Render-blocking resources not going away

  • Resolved fabiocrispim

    (@fabiocrispim)


    2 years, 7 months ago

    Hello!

    I’ve been trying to improve my Pagespeed Insight as I was failing Core Web Vitals for LCP on mobile at 5+ seconds (Desktop is no issue at all).I’ve now managed to reduce that to 3.7s on mobile.

    However, Pagespeed keeps informing me of some render-blocking resources on both mobile and desktop that won’t go away.

    I’ve attached a screenshot of the resources here: https://imgur.com/a/ctRv02m

    My Autoptimize options are:

    Optimise JavaScript code: ON
    Aggregate JS files? ON
    Exclusions for JS:
    wp-includes/js/dist/, wp-includes/js/tinymce/

    Optimise CSS code: ON
    Aggregate CSS files: ON
    Also aggregate inline CSS: ON
    Exclusions for CSS:
    wp-content/cache/, wp-content/uploads/, admin-bar.min.css, dashicons.min.css,

    Optimise HTML code: ON

    Save aggregated script/SS: ON
    Minify excluded CSS and JS: ON
    Enable 404 fallbacks: ON

    After doing some searching here, I also added: “add_filter( ‘autoptimize_filter_init_compatibility’, ‘__return_false’ );” to my .php, which helped quite a lot.

    Unfortunately, I can’t seem to fix those render-blocking resources. Any help would be greatly appreciated with this.

    Thanks.

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

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

    (@optimizingmatters)

    you’ll have to look into the “Eliminate render-blocking CSS?” option, either;

    * providing “above the fold CSS” (see the AO FAQ for info on how/ where to generate that)
    * OR create manual rules on the “critical CSS” tab
    * OR take a subscription at criticalcss.com and fill in the API key to have rules be create automatically

    hope this helps,
    frank

    Thread Starter fabiocrispim

    (@fabiocrispim)

    Hey Frank,

    Thanks for your response.

    So I spoke with my hosting provider and there was a bug with my CDN which they’ve now fixed. I’ve also played around with some site settings and took up a subscription to criticalcss.com – it’s made some rules.

    This has managed to improve things greatly on desktop but only a little on mobile. My LCP remains around 3.5s on mobile (1.1s on desktop) and I still have Eliminate render-blocking resources and reduce unused CSS and JS as issues.

    Here’s a link to the pagespeed if it helps: https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.simplegamer.co.uk%2F

    Any suggestions?

    Appreciate all of your help!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, can you clear your (home-)page cache?

    Thread Starter fabiocrispim

    (@fabiocrispim)

    I cleared the cache and the render-blocking resources have improved vastly, but Pagespeed still notes render-blocking and unused CSS and JS as issues. LCP on mobile is jumping between 4.5s and 3.3s.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Re. render-blocking jQuery; you could try removing that from the JS optimization exclusion list? ??

    The unused CSS is being reported as being Autoptimize’s, but AO merely aggregates and minifies all the CSS provided by your theme & plugins and does not know which CSS is used or not used and hance cannot remove anything. There however is a premium service that can remove unused CSS that could help. For more info see the Rapidload entry on Autoptimize’s “Optimize More” tab.

    For LCP: that is because you’re lazyloading your images, consider excluding the LCP-image from being lazyloaded?

    hope this helps,
    frank

    Thread Starter fabiocrispim

    (@fabiocrispim)

    Hey Frank,

    Thanks for that suggestion. Removing the jQuery has helped immensely! Mobile LCP is now jumping between 2.1s and 4.5s!

    Regarding the lazyloading, I switched everything to “normal loading” via WPBakery and have the Disable Lazy Loading plugin, so things shouldn’t be lazy loading.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    hmm, based on the Pagespeed recommendations the LCP image is still being lazyloaded I’m afraid;

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Render-blocking resources not going away’ is closed to new replies.