- This topic has 6 replies, 2 voices, and was last updated 2 months, 1 week ago by
.
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
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.
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
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
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.
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.
