Render-blocking resources not going away

  • Resolved fabiocrispim

    (@fabiocrispim)


    3 years, 9 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)

    3 years, 9 months ago

    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)

    3 years, 9 months ago

    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)

    3 years, 9 months ago

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

    Thread Starter fabiocrispim

    (@fabiocrispim)

    3 years, 9 months ago

    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)

    3 years, 9 months ago

    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)

    3 years, 9 months ago

    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)

    3 years, 9 months ago

    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.