Skip to content
This repository has been archived by the owner on Dec 11, 2023. It is now read-only.

Latest commit

 

History

History
31 lines (24 loc) · 1.1 KB

README.md

File metadata and controls

31 lines (24 loc) · 1.1 KB
Raw

lazilyLoader.js

A lazy loader for lazy folks.

This library leverages a MutationObserver to detect when its target elements are added to the DOM. If the native loading attribute is supported, then it is applied. Otherwise an IntersectionObserver is used to load them as needed.

Compatibility

  • Compatible with all evergreen browsers
  • For IE11, please provide polyfills for IntersectionObserver and MutationObserver
  • Earlier browsers may require transpilation and additional polyfills

Usage

Simply add the minified script to the document <head>. For certain setups, it may be advantageous to include it inline:

<head>
  <script src=".../dist/lazilyLoader.min.js"></script>
</head>

No other markup changes are required. It will automatically lazy load <iframe>, <img>, <picture>, and <video> elements in supported browsers.

API

  • lazilyLoader.forceLoad() - Forces all observed elements to load.
  • lazilyLoader.isSupported() - Returns true if the library is working.

Credits

Inspired by this tutorial.