Angular directive to load images lazily. Supports Universal SSR.
It is using Intersection Observer API and falls back to scroll detection for unsuppoted browsers.
npm install ng-image-lazy-load
appLazyLoad directive to the image and set the source url:
[src]=<path to image>
Image by Sebastián León Prado, unsplash