• Resolved josevanni

    (@josevanni)


    I’ve been trying to reduce the LCP with W3 total cache but I don’t seem to be getting any progress.

    The LCP on Computer is just fine, but the mobile version is quite a mystery for me…. I have changed the blocks over and over and no results have taken effect.

    How should I proceed?

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

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

    (@vmarko)

    Hello @josevanni

    Thank you for reaching out and I am happy to help!

    Ah yes, the famous LCP ?? All jokes aside, this is a very complex thing and there are a lot of factors that needs to be taken into consideration.
    The part of the page that is flagged is:

    <div class="wp-block-uagb-container uagb-layout-flex uagb-block-344bf4c5 alignfull uagb-is-root-container"><div class="wp-block-uagb-advanced-heading uagb-block-4ebb6190"><h1 class="uagb-heading-text"><strong>GUIA DA AVENTURA</strong></h1><p class="uagb-desc-text"><strong>OFFROAD, CAMPING E ATIVIDADES OUTDOOR</strong></p></div></div>

    As you can see it’s a div problem so we do not have a lot of info. On your case it’s a load time and load delay issue:

    Reducing the time it takes to deliver your resources to the browser is essential for reducing LCP time. A combination of several well-known techniques is helpful here:

    • Compress and adjust images
    • Use modern image formats?like WebP
    • Reduce the file size of your fonts?

    You can also preload the image in this case https://guiadaaventura.com.br/wp-content/uploads/Our-Mission-min.jpg with the Preload option in the W3 Total Cache.
    Eliminating render-blocking JS and CSS can also help in this case.

    As I mentioned before this is a coplex question especially because how the LCP is measured which is not a real-time issue in most cases.

    I hope this helps!

    Thanks!

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.