performance

Beginner

Syntax Highlighting

Build-time code highlighting with @11ty/eleventy-plugin-syntaxhighlight — zero client-side JavaScript.

2 min read

Advanced

A hand-rolled, dependency-free client-side search: a build-time JSON index plus a small scored-match script.

2 min read

Intermediate

Generating multiple image sizes and formats at build time with @11ty/eleventy-img.

2 min read

Intermediate

Full-text search across the whole site, built by indexing the actual HTML after the build finishes.

2 min read

Intermediate

Letting the browser pick between AVIF, WebP, and JPEG with a single <picture> element.

2 min read

Intermediate

Real Lighthouse scores rendered as static badges, refreshed weekly by a scheduled GitHub Action, no client-side API calls.

2 min read

Intermediate

A responsive image grid sourced from the Pexels API, processed at build time with @11ty/eleventy-img.

2 min read