# malchata/yall.js

A fast, flexible, and small SEO-friendly lazy loader.

Repository: https://github.com/malchata/yall.js
Canonical: https://ross.abutalabs.com/products/yalljs
Language: JavaScript
License: MIT
License Family: permissive
Topics: lazy-loading, webperf, lazyload-script, lazyloading, lazyload, lazy-load, performance, image, autoplay, background, poster, video
Archived: true
Last push: 2026-05-30T07:40:38+00:00

## Health v2 (maintenance only)
Score: 10/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 85, release rhythm 8, longevity 100
- inputs: {"age_days": 3555, "days_push": 95, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: archived
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1381, forks 136 (observed 2026-08-28T04:04:33.993275+00:00)

## What it is
yall.js is a small, SEO-friendly lazy loading library for the browser that handles autoplaying <video> elements, video poster images, and CSS background images using Intersection Observer. Version 4 focuses on cases not covered by native lazy loading, and can watch the DOM via Mutation Observer for dynamically added elements in single-page applications.

## Use cases
- lazy load autoplaying videos that replace animated gifs
- lazy load video poster images
- lazy load css background images
- improve page load performance and web vitals
- lazy load elements added dynamically in a single page app
- seo-friendly lazy loading for images and video

## When to choose
- you need to lazy load videos or css background images that native lazy loading doesn't cover
- you want a tiny, dependency-free script with Intersection Observer support
- your SPA injects lazy-loadable elements after initial page load

## When to avoid
- you only need to lazy load <img>, <picture>, or <iframe> elements - use native loading="lazy" instead
- you need a full-featured lazy loader supporting all element types as in older versions
- your target browsers lack Intersection Observer support and you can't polyfill

## Facets
- artifact type: library
- maturity: active
- function: image-processing, web-framework, developer-tools
- domain: web-development, frontend, performance
- platform: browser
- tags: lazy-loading, intersection-observer, video, background-images, webperf, seo-friendly, nodejs

## Member repositories
- malchata/yall.js (main) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:33.993275+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:40:11.390033+00:00, confidence not recorded.
  - readme: https://github.com/malchata/yall.js (fetched 2026-08-28T04:04:33.993275+00:00, sha cff841a2ffe4)
- Data as of 2026-08-30T08:39:29.467469+00:00.