Quote Originally Posted by Egg Bramhill View Post
On the issue were you use the default.jpg
I believe it's pointless having all images lazy loading. You need to have images within the 'above the fold' load normally which is what I've done in my demo. The image tiger.jpg is not lazy loaded and all the others are.
I can't understand why you state these images need to be placed at the bottom, it appears to work fine if they are within the 'above the fold' section.
DEMO
Egg, it may simply have been that I had no "real" images in my design and the web page or Google needed to get its teeth into something.

Of course, you would never waste processing time having images above the fold lazy loaded.
If your images are all external (a good thing) then simply remove loading="lazy" from the placeholder <img> code.

Acorn