-
Posts
-
I have lazy load enabled in Enfold settings and in the Blog Posts Element. Page Speed Insights shows “Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. Learn how to defer offscreen images.” But this is only the case for the mobile version.
The tested page is: https://gatehealing.com/counseling-austin-tx/parenting-family-counseling/
However, the same result happens on any page using the Blog Posts Element.How do I fix this?
Thanks y’all,
JonHey gatehealing,
Thanks for your patience, I see that the lazyload classes are present on the images, perhaps your caching plugin doesn’t recognize them, try disability your caching plugin and then check again, if this doesn’t help try following the Page Speed Insights recommendation of installing a lazy-load WordPress plugin and disable the theme lazyload option.
Another point could be that either your caching plugin or the option in the theme settings has disable jQuery Migrate or has deferred the loading of jQuery, this could prevent the teeme lazyload from working, so a good please to start testing would be to disable the caching plugin, and any other “optimizing” plugins, and then ensure the Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer and Enfold Theme Options ▸ Performance ▸ Disable jQuery Migrate are not enabled.
and then check again to see if that helps.Best regards,
MikeI’ll try it, however Enabling Disable JQuery Migrate (a bit confusing . . . perhaps the toggle should be “Enable JQuery Migrate”), my other active thread here suggests Disabling Disable JQuery Migrate (note the double negative) to deal with some images sticking in portrait orientation.
I’ll try this thread advice and see if it messes up the other thread’s advice. If it does, I’ll try the plugin you suggested.
Thx! I’ll come back and let y’all know if it works.
Jon
(oh, this is only on mobile)
While my pagespeedinsights went up a little, it still gets the Defer Off-screen Images by lazy-loading and it shows blog post element images as the problem (though the actual screenshot of the images is a blank white box??), Here’s a link to the results: https://pagespeed.web.dev/analysis/https-gatehealing-com-counseling-austin-tx-individual-counseling-adults-teens/ex8rrn1mig?form_factor=mobile
Note Performance: Defer off screen images then expand that section. While I’m ok with and 83, I was scoring in the 60’s for my homepage with the same issue, so I had to completely remove that element. I’m trying to figure out how to cross link the blog to the homepage now.
Thanks for your help.
JonHi,
Thanks for the link to the report, I see the images that are Defer Off-screen Images are blank, so it would seem that the lazy loading is working, the space where the images will be need to have their height & width in the page and thus be blank otherwise you will get dinged on the Cumulative Layout Shift which you have a very good score on right now:
I’m not sure what other option there would be.Best regards,
MikeThat page is scoring 90 now on performance. I changed nothing, which is odd.
Some other pages are still in the 80’s, with LCP being in the orange or red. Not sure what changes when they jump to the 90’s, but I’ll keep my eyes on them.
J
Hi,
Ok, since I can’t think of anything else to change here, shall we close this thread then?Best regards,
Mike
- The topic ‘Using blog post element with Grid Layout, images on mobile are not lazy-loaded’ is closed to new replies.