You need to detect the images at the top of the page
-
You need to detect the images at the top of the page and exclude them from lazyload because as you can see, it affects PageSpeed a lot. So I’m going to change them all to background.
-
Could you please explain the scenario a bit more to gain a better understanding?
Meanwhile, when the lazy load feature is enabled, it functions as follows: The images are initially replaced by a dummy transparent image acting as a placeholder. As these images come into view on the screen, the lazy load mechanism triggers the loading of the original images.
Additionally, the code recognizes attributes such as data-sizes and data-srcset, which are essential for displaying the correct image size based on the resolution of the device.When the page is first loaded, the top images are lazy loaded. This affects the first color appearance. Because it loads late. In other words, the area on the screen that is visible in general should not be loaded late. The images that appear when scrolling should be loaded late.
Thank you for sharing the details with us.
Upon reviewing the scenario you described, it seems possible that the issue may be related to the image size or its optimization for web format. At this juncture, we do not believe it is directly linked to the lazy-load functionality.
To proceed with verification, we kindly request replication steps for the affected application. If possible, providing screenshots or, even more helpful, a video demonstration would greatly assist us in understanding and addressing the issue effectively.
Your cooperation in providing these additional details would be greatly appreciated. Please feel free to reach out if you require any further clarification or assistance.
That’s exactly what search console says. “do not lazy load images that should appear”
Make sure if I was still getting the current problem. I would have taken a screenshot or a video, but because of this problem I removed “img” and started using it as background. You can check it out if you don’t believe me.
https://beycanpress.com/how-to-create-a-paid-membership-site-with-wordpress/
All you need to do is put an image in the part that appears while the page is loading, this can be the featured image in a blog post or the image in the slider. Previously, I was only getting this warning in “native lazy load”. When I changed the Search Console data, when I checked everything again, it started to say the same warning in “breeze lazy load”. “Visible images cannot be loaded late”
What I mean by visible here is that it is visible when the page is loading
- This reply was modified 5 months, 3 weeks ago by BeycanPress LLC.
Thank you for providing the details. I’ve escalated the issue to our engineering team, and they will investigate further
Noo need add type attribute too 🙂
We’ll implement it in our upcoming release.
The mentioned point has been implemented in 2.1.8. Please update to the latest version.
Thanks, but i think created another problem: (i turned old version, so you cannot see right now)
There is also a problem with WordPress’ preview blocks.
Hello, the previous problem seems to have been fixed. The images are not null. However, the WordPress Blocks previews are still showing blank images. You can check it in the content below.
https://beycanpress.com/coinbase-commerce-alternatives-crypto-payments/
You think when will fix?
https://prnt.sc/PPKf8ZTqUJzaSorry for the inconvenience and the late reply. The comment escaped my attention. I have forwarded the point you raised to our engineering team for investigation and will get back to you.
The issue pertains to a specific image not loading properly. We have conducted an investigation to identify the possible reasons for this problem and have proposed several solutions to address it.
Not included latest update? Because still same.
- You must be logged in to reply to this topic.