Use IMG to allow lazy loading and optimization?

I noticed that Youtube thumbnails load immediately after Load, regardless of how far below the fold they are. E.g.see this screenshot from Chrome Developer Tools:
https://www.dropbox.com/s/2wsrhhl90ho95i1/wp-youtube-lyte.2020.12.22.png?dl=0

I currently have just two videos on the page, and it seems to have only a small impact on the Pagespeed Insights score, even though Pagespeed Insights sometimes whines about them. As a test, I replaced the videos with thumbnails using “IMG loading=lazy”, and the score went up by about 2 (over 20 runs for each version, alternating between versions).

But I’m thinking of adding ten more videos, so perhaps the impact will be larger at that point.

Instead of using DIV with the background-image: property, would it be straightforward to use “IMG loading=lazy”, overlaying the caption as described here?
https://www.w3schools.com/howto/howto_css_image_text.asp

I’m a neophyte, so forgive me if this is naive…

• This topic was modified 3 years, 11 months ago by johnrellis.

The page I need help with: [log in to see the link]