How do search engines index lazy-load images?

Question

Search Engine Optimization

Hello.
The site has a slick gallery with lazy-load (lazy loading). images are loaded when they become needed by the user, and not immediately from the entire page.
According to the instructions for enabling lazy-load for slick, you need to remove the src attribute and put data-src. In fact, a page will arrive from the server on which img tags without src.
How will the search engine react to this? Did the search engine take pictures at all?

Answer 1

Here is a live example of my blog. There is a line loading and there are pictures in the Google index and not only those at the very top. So you can safely use Google accurately indexes 100%. Everything is indexed, even banners at the bottom of the page. Here is an image search of my blog, you can see.
https://www.google.com/search?client=opera&hs=J62&...

Answer 2

Easy to check with Google Webmaster Tools, Look Like Google Bot tool. If it exists in the code, it will index it, if it doesn't, it won't.

Answer 3

At the moment there is no exact answer, from my observations:
If loading on document.ready or something similar - yes
If the trigger is different - it most likely will not work during rendering and Google will not see the picture. The reaction will not be negative (I never noticed any deterioration, etc.), but the pictures will not be included in the index. BUT. Nobody canceled sitemap.xml where you can add incl. Pictures.

Answer 4

Google easily indexes lazy load, but in Yandex the situation is different.
Yandex will index only the first visible part, it will not read the whole picture .
It is obvious that Yandex does not index most of the pictures.