lazy-loading-images.js

function initLazyImages() {
  const lazyImages = document.querySelectorAll(".lazy-image");

  function onIntersection(imageEntities) {
    imageEntities.forEach(image => {
      if (image.isIntersecting) {
        observer.unobserve(image.target);
        image.target.src = image.target.dataset.src;
      }
    });
  }

  const observer = new IntersectionObserver(onIntersection);

  lazyImages.forEach(image => observer.observe(image));
}