Archived topic
Preload Header Art on Mobile
5 replies · Started by William on May 18, 2021
Hello,
I'm scoring poorly on LCP for mobile and looking to pre-load my header art on mobile in order to speed things up, as that seems to be the largest content pain image accoring to PageSpeed Insights. How do I go about fixing this issue?
Thanks!
Hi there,
its very tricky to preload the featured image because of the WP src-set images sizes - its not easy to know what size image the browser will request.
Looking at your site the issue is more likely related to the Lazy Loading that is enabled. You may want to test without that option enabled, as currently that is causing the featured image to be loaded after the rest of the page has been.
Ahh, thanks so much David. I'll give that a whirl.
Let us know :)
It seems to have no changed anything. May I ask where you went to see that I had lazy loading enabled? I use Smush Pro which had it, and I had their support assist with removing it for the heading art only hoping that would fix it. Maybe I need to display it completely.
Hi there,
It seems to have no changed anything. May I ask where you went to see that I had lazy loading enabled?
We check it by inspecting the page. The source code shows if its lazyloaded or not.
Example: https://share.getcloudapp.com/qGuEQbjm
I use Smush Pro which had it, and I had their support assist with removing it for the heading art only hoping that would fix it. Maybe I need to display it completely.
I've rechecked the site and it doesn't seem like the lazyloading is still enabled. Else, there shouldn't be any "lazyloaded" class or attribute found within the img tag's code.
