Native Lazyload + Polyfill

Created by: Nicolas Jonas

Rating:
Downloaded: 3k times

Minimalistic lazyloading, loads images as they come into view. Adds native lazyloading to all images and embeds (Chrome) and adds a polyfill (1.07 KiB gzipped) to make it work in all browsers.

How it works technically (if you care)

  • Adds loading="lazy" to all <img> and <iframe> inside the_content and other areas.
  • Also wraps <img>, <iframe> and the content of <pictures> in <noscript>.
  • Adds the loading-attribute-polyfill to do its magic in JavaScript.

Feedback/Help is very welcome.

Screenshots

    Categories

    Get New Themes & Resources