verlok/vanilla-lazyload
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading. observed · 2026-08-28
Health v2 · maintenance only
62/100
- Activity 88
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 4314
- days_rel: n/a
- days_push: 72
- n_releases_24m: 0
Adoption not part of the score
7855 stars · 673 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A lightweight (2.4 kB) vanilla JavaScript library that speeds up websites by deferring the loading of below-the-fold images, backgrounds, videos, iframes, and scripts until they enter the viewport. It uses the IntersectionObserver API, supports responsive images (srcset, picture, WebP), and can leverage native lazy loading.
Use cases
- lazy load images as user scrolls
- defer loading of below-the-fold videos and iframes
- lazy load responsive images with srcset and picture
- serve webp images with automatic format selection
- improve page speed by deferring offscreen content
- add low-quality image placeholders that swap on scroll
- lazy load background images and scripts
When to choose
- you need a tiny, dependency-free lazy loading script for any website
- you need lazy loading with responsive image and WebP support
- you want a hybrid approach with native lazy loading fallback
- you support older browsers without native lazy loading
When to avoid
- all your target browsers support native loading='lazy' and you don't need placeholders or advanced control
- you're using a framework with built-in lazy loading (e.g., Next.js images)
- you need lazy loading for non-DOM content like data or routes
Facets
library · maturity stable
image-processing developer-tools web-development frontend performance browser lazy-loading intersection-observer responsive-images vanilla-js web-performance srcset webp no-dependencies javascript nodejs
4 sources
- readme: https://github.com/verlok/vanilla-lazyload · fetched 2026-08-28 · 147b2552c0ba
- homepage: https://www.andreaverlicchi.eu/vanilla-lazyload/ · fetched 2026-08-29 · f1091258bf1b
- site_page: https://www.andreaverlicchi.eu/en/about · fetched 2026-08-29 · ce1cc1b78aed
- registry_npm: https://registry.npmjs.org/vanilla-lazyload · fetched 2026-08-29 · d581e930509f
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| verlok/vanilla-lazyload | main | 62 |
For agents
markdown · JSON · MCP: product_card(name="verlok/vanilla-lazyload")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem