Image Lazy loading

[Egg Bramhill]

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 find you always need a non-lazy image near the page bottom to stop the first lazy one loading right off.

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

[Acorn]

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