unlazy

Universal lazy loading library for placeholder images

Framework-agnostic, using native browser APIs

Native Lazy Loading

Utilizes the loading="lazy" attribute. Modern browsers only.

How it works

Works with any framework or no framework at all. Ready for Vue, React, Solid, Svelte and Nuxt.

Build your own integration

Use BlurHash and ThumbHash placeholders for instant loading.

Placeholder images

Decodes BlurHash and ThumbHash strings on the server or in the browser.

Placeholder images

Automatically calculates the sizes attribute for optimal performance.

Attribute guide

Detects search engine bots and preloads all images.

SEO considerations

Supports multiple image formats. Works with the picture tag.

Usage

Use the init attribute to initialize in the IIFE build.

Use without build step