Demo sample · fictional cafe

The same page, built two ways.

Identical design and copy. One is built the way most small-business sites ship today; the other is a performance-first Astro rebuild. Open each and run Lighthouse to see the difference.

🐌

/before — legacy build

4K raw images, render-blocking fonts & scripts, heavy main-thread work. Slow on purpose.

⚡

/after — Astro rebuild

AVIF/WebP responsive images, self-hosted fonts, inlined critical CSS, ~zero JS.