# Performance

Budgets:

- keep first route JavaScript under 250 KB compressed where possible
- lazy-load terminal modules outside landing route
- do not load 111 full-resolution images on archive
- use thumbnails and progressive loading
- preload only the hero poster and next scene media
- pause offscreen video in production
- ship native mobile clips only when generated

Current prototype:

- one generated hero PNG
- CSS prototype panels for archive
- no video payloads yet
- Next App Router code splitting

Production tasks:

- convert hero PNG to WebP and AVIF
- add poster sources per Flow clip
- add bundle analysis
- add Lighthouse audit