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

vue.js lazy loading

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.