perf: optimize image loading — resize, thumbnails, caching, lazy load #4

Merged
HeagBoKaT merged 1 commits from claude/sleepy-shirley-adfe57 into main 2026-06-26 10:09:12 +03:00
Owner
  • Server: resize uploads to max 1200px + generate 600px _thumb.jpg
  • Server: cache /uploads with max-age=1y immutable headers
  • Client: CatCard uses _thumb.jpg in feed (fallback to full on error)
  • Client: first 3 feed cards load eagerly (LCP), rest lazy + decoding=async
  • Client: loading placeholder bg while image fetches
  • Migration: server/src/scripts/gen-thumbs.ts for existing images

Co-Authored-By: Claude Sonnet 4.6 noreply@anthropic.com

- Server: resize uploads to max 1200px + generate 600px _thumb.jpg - Server: cache /uploads with max-age=1y immutable headers - Client: CatCard uses _thumb.jpg in feed (fallback to full on error) - Client: first 3 feed cards load eagerly (LCP), rest lazy + decoding=async - Client: loading placeholder bg while image fetches - Migration: server/src/scripts/gen-thumbs.ts for existing images Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
HeagBoKaT added 1 commit 2026-06-26 10:09:09 +03:00
- Server: resize uploads to max 1200px + generate 600px _thumb.jpg
- Server: cache /uploads with max-age=1y immutable headers
- Client: CatCard uses _thumb.jpg in feed (fallback to full on error)
- Client: first 3 feed cards load eagerly (LCP), rest lazy + decoding=async
- Client: loading placeholder bg while image fetches
- Migration: server/src/scripts/gen-thumbs.ts for existing images

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
HeagBoKaT merged commit deea405092 into main 2026-06-26 10:09:12 +03:00
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: HeagBoKaT/cats#4