Lazy Loading images with Vue.js directives and IntersectionObserver

Mateusz Rybczonek shows us how to load images with Vue.js directives and IntersectionObserver.

In this article I would like to describe one way of reducing that initial weight of a website. What I will demonstrate is how to load only the content visible for the user when she/he sees the initial view and lazy load all the rest of the heavy-weight elements (like images) only when required.