How it works

Blurhash links embed true-to-size Blurhash placeholders into image URLs, improving Core Web Vitals.

Each URL carries the placeholder data needed to render a blur before the full image loads — zero extra requests, no layout shift.

Create Blurhash URLs with the URL maker, or generate them programmatically with the blurhash-url npm package.

Benefits

• zero-latency image placeholders
• faster page loads boost Core Web Vitals
• eliminate cumulative layout shift from images
• automatically lazy loads off-screen images