Hi,
I noticed that lazy load for featured image in modules built with module builder works different to the normal lazy-laod. This lazy-load uses a grey placeholder, whereas for the normal modules it’s just white background with an option in theme panel to use custom thumbnail placeholder image to appear before image loads. There’s no lazy-load placeholder customization option for module builder. But, that’s OK. It looks just fine.
But the problem is, If I have 10-12 articles on my homepage, some of the images do not load if I scroll too fast. I understand that a normal visitor will rarely do that, but still. If it’s a bug, it should be reported and fixed.
On homepage, I have 9 articles as default with infinite load pagination. Currently I only have 15 post in total, so the infinite load only makes a single request to load the rest of the posts (15-9-6) <9. If I scroll too fast, some of the images do not load (not just for the articles that are paginated, sometimes even for the articles that are already there (first 9), but are below the screen viewport(lazy-loaded)). Sometimes occurs for one image, sometimes 2, sometimes more. When scroll is done at normal(slow) speed, everything works normally.
Edit: Also, there’s no option to switch this lazy load off. And, does this new module builder use the built- in wordpress lazy load feature?
Hello,
Thank you for letting us know about this situation. I will deliver those notices to our developers. The built-in WordPress lazy load feature has not been added yet.
Also, for the moment the only option to disable the lazyload is the one from the theme panel – https://i.imgur.com/wykzY3p.png
Thank you!
Hi Calin,
Sorry to bother you as I found that it was being caused by a lazy load plugin that I have to lazy load scripts and other elements. It doesn’t work on pre built modules but only custom modules, perhaps due to the differences between markup used to display images (img vs background vs picture etc). I find the tagdiv lazy load to be more robust but this plugin was overriding it with it’s own, so I have disabled it for the time being.
Can you tell me if tagdiv lazy load work on iframes, embeds, etc?
Thanks for your time.
Hello,
I disabled lazy loading on my site
https://nook.rs
I think that is lazy load on featured image is very very slow on mobile version of posts and home page after upgrade to latest version of theme.
Desktop version is ok.
But Lazy loading on mobile pages with element “post loops” works perfectly!
When I have posts with embeded social links loading is more slowly
Php 8.1, theme latest version, ngnix, fastcgi cache, dedicate server + only 1 site.
Thank in advance.
BR
Hi,
For the moment the theme option for the lazy load doesn’t work on iframes, or embeds.
It is applied only to the featured image elements used on the theme.
Thank you!
I understand, usually on the mobile version the loading is slower because most of the time a mobile device has a slower internet connection.
What I can recommend is that you use flex block elements to use the cache option on the – https://forum.tagdiv.com/use-flex-blocks-cache-option/ and if the problem still persists, you can try using the mobile page template – https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ using a mobile page template you can adjust the content, set smaller images to be used etc.
Thank you!
Dear Calin,
In this case of testing is not problem with connection. Mobile device has a perfectly wifi and 4G+ connection.
I have mobile page created for homepage, posts and category.
Size of featured image in mobile page is set to 265x198px!
What can I do with featured image?
2-3 sec is need to start loading image of home mobile page and featured image in posts mobile pages…
Please if you can to try resolve this.
Thank in advance
BR.
Hi,
I checked your website with my mobile and now seems to be ok, in one sec the images are loaded. Did you disable the lazy-load?
Thank you!
Dear Calin,
Yes…I disabled lazy load!
(I was busy all day, sorry for late)
Thank in advance.
BR.
Dear Calin,
Any update..?
Thank you!
Hi,
I also talked to developers about this situation and they recommended using lazy-load options in an optimization or cache plugin, this should solve the problem.
Thank you!
Dear Calin,
Thank you for your mail.
I do not use cache plugin!
I configured FastCGI Ngnix Cache and integrate it with Nginix Helper Plugin.
How you mean lazy-load options in an optimization?
Thank you in advance.
Hi,
What I wanted to say is that there is no need to use the Lazy-load option in the theme, there are also cache and optimization plugins that have lazy-load options, for example:
Lazy Load by WP Rocket, A3 Lazy Load, EWWW Image Optimizer, Smush, Optimole, Lazy Loader, Lazy Load for Videos, Autoptimize.
The most used with our theme are Autoptimize, Smush and EWWW Image Optimizer.
Thank you!
