Curious lazy loading results
-
Hello. I have question about your lazy loading functionality. Your documentations says,
>> When JavaScript then loads, it will look for all images in the current view and replace the src attribute with what is in data-lazy-src. This also occurs as the user scrolls down the page and images come into view.
So I understand that when a user loads the page, images below the current view will be not be loaded–they will be loaded as they come into view. But what about images that are already in the current view, but currently hidden? For example, my page displays an image slider at the very top of the page. The slider contains five images, but only one is visible at any time. So will your lazy load feature ensure that, on page load, only the first image is loaded, with the remaining four images loaded one at a time, only it comes time to display that particular slide?
To test, I’ve used Google’s PageSpeed insights. I’m getting some curious results. For its test of my mobile site, it reports that zero of the five slider images are lazy loading (screenshot). For its test of my desktop site, it reports that all slider images except one are lazy loading (screenshot). But I would expect this lone non-lazy load image to be the slider image that is displayed on page load, but it not–it is the second image in the this one image is *not* the image. Any explanations for these results? Why there is a discrepancy between desktop and mobile? And why does neither test return the expected lazy loaded images?
Thanks.
The page I need help with: [log in to see the link]
- The topic ‘Curious lazy loading results’ is closed to new replies.