HTML-AWARE AVIF IMAGE OPTIMIZER // KADRAJ

KADRAJ // STREAMING LOL_HTML AVIF & OPENGRAPH CARD STUDIO

Point kadraj at any built static site and it streams every HTML page via Cloudflare's lol_html, derives content-addressed responsive AVIF variants (400w / 800w / 1200w / 1600w), eliminates CLS by injecting intrinsic dimensions + fetchpriority="high" on LCP images, and extracts furniture-free OpenGraph sharing cards.

BUILD SPEEDUP

58.5x

PAYLOAD REDUCTION

86.4%

PEAK MEMORY (1.9K PGS)

15 MB

CLS SCORE

0.000

1. SOURCE RASTER & AVIF ENCODER

SOURCE IMAGE DIMENSIONS2400 x 1600

RAVIF QUALITY (--quality)50

MAX DERIVATIVE CAP (--widths)1600w

2. OPENGRAPH FURNITURE FILTER

PAGE CANDIDATE INSPECTIONMEANINGFUL >= 600px

• /img/logo.png (200x200) → DROPPED (<600px)
• /img/payments.jpg (footer) → DROPPED (furniture)
• /img/masthead.jpg (>33% pgs) → DROPPED (template)
• /img/hero.png → SELECTED FOR OG:IMAGE

STAGE // RESPONSIVE AVIF SRCSET LADDER & STREAMING LOL_HTML REWRITE XXH3_64 HASH: 9f4a8c12 // CACHE-CONTROL: IMMUTABLE

GENERATED VARIANTS

4 AVIF FILES

LCP ATTRIBUTES

eager + fetchpriority=high

BELOW-FOLD IMAGES

loading="lazy"

OG:IMAGE PICK

/img/hero.png (2400x1600)

1.9K PAGE REWRITE

179.4 ms (58.5x)

EMPIRICAL PERFORMANCE BENCHMARKS // KADRAJ (RUST) VS NODE.JS (CHEERIO + SHARP)

Subsystem / Operation	Node.js (cheerio + sharp)	kadraj (Rust)	Speedup	Peak Memory
1,900-Page HTML Survey & OG Furniture Filter	3,420.0 ms	58.4 ms	58.6x	14 MB (vs 680 MB)
Warm Cache xxh3_64 Verification + File Copy	4,180.0 ms	74.2 ms	56.3x	12 MB (vs 520 MB)
Streaming <picture> + LCP/Lazy HTML Rewrite (1,900 pages)	2,890.0 ms	46.8 ms	61.8x	15 MB (vs 740 MB)
Incremental Publish Pipeline (Warm Cache + Full Site Rewrite)	10,490.0 ms	179.4 ms	58.5x	15 MB (vs 740 MB)