On this video, you will learn how to lazy load images used via the HTML img tag, in other words, the image will not be downloaded until the user scroll down to it that way your web page can load faster saving time and bandwidth.
You only need to write a bit of javascript code and do a minor change to the img tag. Using the Intersection observer this is actually very simple to implement.
Intersection Observer [ Ссылка ]
This video is part of a series about web performance optimizations that I have been learning and implementing on my personal website I have previously implemented another recommendation called: "Serve Images in Next-Gen Formats" I wrote a blog post about how to do it here: [ Ссылка ]...
![](https://s2.save4k.ru/pic/O8CHRT3wXQ8/maxresdefault.jpg)