{"adoption": {"forks": 673, "observed_at": "2026-08-28T04:10:07.570358+00:00", "stars": 7855}, "canonical_url": "https://ross.abutalabs.com/products/vanilla-lazyload", "card": {"archived": false, "artifact_type": "library", "description": "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.", "domain": ["web-development", "frontend", "performance"], "enriched": true, "function": ["image-processing", "developer-tools"], "health_score": 79, "homepage": "https://www.andreaverlicchi.eu/vanilla-lazyload/", "language": "JavaScript", "license": "MIT", "license_family": "permissive", "maturity": "stable", "member_repos": ["verlok/vanilla-lazyload"], "name": "verlok/vanilla-lazyload", "platform": ["browser"], "pushed_at": "2026-06-22T20:24:15+00:00", "repo": "verlok/vanilla-lazyload", "stars": 7855, "tags": ["lazy-loading", "intersection-observer", "responsive-images", "vanilla-js", "web-performance", "srcset", "webp", "no-dependencies", "javascript", "nodejs"], "topics": ["lazyload-images", "lazy-loading", "responsive-images", "intersectionobserver", "webp", "images", "videos", "iframes", "lazyload", "lazyload-iframes", "lazyload-videos", "lazyload-script", "picture-tag", "picture", "srcset", "srcset-sizes", "lazy-sizes", "vanilla-javascript", "vanilla-js", "hacktoberfest"], "urls": [], "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"], "what_it_is": "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.", "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"], "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"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/vanilla-lazyload", "repo": "verlok/vanilla-lazyload", "role": "main", "score": 62}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:10:07.570358+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-29T17:33:48.259087+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "147b2552c0bab5969d0ea66557b45b45e920e6f3f44f1f09ff9ef26845af7650", "fetched_at": "2026-08-28T04:10:07.570358+00:00", "kind": "readme", "missing": false, "url": "https://github.com/verlok/vanilla-lazyload"}, {"content_hash": "f1091258bf1b4a477ac4b63b480ebda2fcafe393b06ef03b4b6c1313eee7a9fd", "fetched_at": "2026-08-29T08:30:40.405927+00:00", "kind": "homepage", "missing": false, "url": "https://www.andreaverlicchi.eu/vanilla-lazyload/"}, {"content_hash": "ce1cc1b78aed9b34d26ad7c41fce286ee65b16dcaa6821765ff99cb9b4212998", "fetched_at": "2026-08-29T08:30:40.415182+00:00", "kind": "site_page", "missing": false, "url": "https://www.andreaverlicchi.eu/en/about"}, {"content_hash": "d581e930509f1dd5c0da8ff50403c64e7a930e50aaa83a64eb5485986f513548", "fetched_at": "2026-08-29T08:30:40.417097+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/vanilla-lazyload"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 88, "longevity": 100, "rhythm": 8}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 4314, "days_push": 72, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 62, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}