WPBakery Unused CSS & LCP issue

Home Forums Jevelin Theme WPBakery Unused CSS & LCP issue

Home Forums Jevelin Theme WPBakery Unused CSS & LCP issue

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • shaggyshoogz
    Participant

    Hello,

    My site is http://www.thetenthyard.co.uk

    I have an issue I am unable to solve, Pagespeed insights indicates an LCP issue which is effecting my page speed score significantly

    From what I understand, because the hero image is part of a block in WPBakery I cannot simply disable lazy loading on this image to improve the score?

    I have tried via Autoptimze but the same error occurs (optimize plugins also seem to increase the unused CSS score to rise significantly, site operates better with none of the common optimiser plugins installed)

    Have also set the image to preload but dev tools throws an error and no increase in pagespeed score.

    Any help on this is much appreciated

    Thanks

    Attachments:
    You must be logged in to view attached files.

    shaggyshoogz
    Participant

    Also, i saw previous posts recommending autoptimze to lazy load images however wordpress now does this by default hence me attempting to disable it for the image causing the issue, either way this does not resolve the issue.

    Shufflehound
    Moderator

    Hi there,

     

    It seems that the issue might be that the image is added by the background-image CSS property instead of the <img> tag as it requires different methods to make it lazy load.

     

    You can try plugin like this one to add the lazy loading for that block.

     

    Let us know if that helps. 🙂

     

    Best regards,

    Shufflehound team

    • This reply was modified 3 months, 1 week ago by Shufflehound.

    shaggyshoogz
    Participant

    Correct me if I’m wrong, but lazy loading above the fold images is generally bad practice?

    Everything I e read about LCP points towards preloading, the opposite of lazy loading

     

    Shufflehound
    Moderator

    Oh, it seems I misunderstood what you were aiming for.

     

    Yes, in this situation, it’s better to preload the image rather than rely on lazy loading. Lazy loading works best for content that appears lower on the page. We often use performance optimization plugins that offer this feature. Considering all the improvements you’ve already applied, I’m am not sure what more to recommend here.

    shaggyshoogz
    Participant

    Is there a method of preloading all above fold data? From what I’ve been told, just preloading the image won’t work on this theme as it’s part of a wpbakery element…can elements be preloaded?

    Thanks

    • This reply was modified 3 months, 1 week ago by shaggyshoogz.

    Shufflehound
    Moderator

    As we know, there is no easy way to preload all above-the-fold data. However, you can achieve something similar by adding a custom image that you want to preload, which will be used in that element. Here is one example of that.

Viewing 7 posts - 1 through 7 (of 7 total)