Skip to content

perf(frontend): optimize flashcard images and loading - #27

Merged
brennenho merged 2 commits into
mainfrom
brennen/optimize-flashcard-images
Oct 16, 2026
Merged

brennenho merged 2 commits into
mainfrom
brennen/optimize-flashcard-images

Conversation

@brennenho

Copy link
Copy Markdown
Contributor

Summary

Reduce the 16 flashcard photos from 26.2 MB to 693 KB (97.4% smaller) and load the next photo ahead of navigation.

Changes

  • Convert photos to WebP under 100 KB each, preserve framing, and apply EXIF orientation before resizing.
  • Standardize photo paths under public/members/ and update the roster.
  • Prioritize the visible image and preload only the next card at low priority.

Testing

  • pnpm check: formatting, lint, types, and all 52 tests pass.
  • pnpm build:cloudflare: passes.
  • All 16 cards load and their names fit at desktop and 390px mobile widths; flipping and navigation work without browser errors.
  • Checked image decoding, dimensions, visual quality, and rendered preload priorities.

@brennenho
brennenho requested a review from a team as a code owner October 16, 2026 21:46
@github-actions
github-actions Bot temporarily deployed to pr-27 October 16, 2026 21:46 Destroyed
@github-actions

Copy link
Copy Markdown

Preview deployment

Open preview ↗

Last deployed 2026-10-16T21:47:41Z

Commit Workflow
f039e1d Run #44 · attempt 1

Fallback preview

@brennenho
brennenho merged commit 0addada into main Oct 16, 2026
2 checks passed
@brennenho
brennenho deleted the brennen/optimize-flashcard-images branch October 16, 2026 21:53
@linear-code

linear-code Bot commented Oct 16, 2026

Copy link
Copy Markdown

CTC-32

This branch was successfully deployed

No deployments
pr-27 — f039e1d0 Deployed Oct 16, 2026 by github-actions[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant