Skip to content

Optimize compare page and site-wide performance - #12

Draft
SunkenInTime wants to merge 3 commits into
masterfrom
feature/generated-variant-routes
Draft

Optimize compare page and site-wide performance#12
SunkenInTime wants to merge 3 commits into
masterfrom
feature/generated-variant-routes

Conversation

@SunkenInTime

Copy link
Copy Markdown
Owner

Summary

  • generate deterministic model-specific Next.js route entries before dev/build so each page only loads its own variant assets
  • move compare catalogs to the server, reduce hydration and client work, and update selections with native history state
  • improve Vercel caching, Next Image delivery, gallery lazy loading, and archive rendering while preserving existing features
  • add route coverage for the optimized compare paths

Performance

  • default compare payload: about 7.9 MB transferred / 21.1 MB decoded to about 0.43 MB / 1.04 MB cold-equivalent unique
  • compare subresources: about 517 entries to 26 unique requests
  • gallery image traffic: about 1.6 MB to 0.19 MB

Validation

  • npm run build — passed (623 pages)
  • npx playwright test — 38 passed
  • targeted ESLint for changed source files — passed
  • repository-wide npm run lint still reports existing issues inside embedded benchmark source files (158 errors, 1289 warnings)

- Generate deterministic model-specific route entries before dev and build
- Reduce compare-page payloads and unnecessary client work
- Improve caching, image delivery, and gallery loading behavior
@vercel

vercel Bot commented Jul 12, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ui-design-bench Ready Ready Preview, Comment Jul 13, 2026 1:09am

Request Review

Disable automatic Next.js prefetching for large variant link lists and render gallery cards incrementally to avoid long main-thread tasks. Add production regression coverage for prefetch storms.
Stop top navigation from prefetching heavy routes, ship archived cards as compact data, and lazy-render them in a transition only when requested. Add payload and prefetch regression coverage.
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