Three perceived-performance features: - Preload on hover: internal links prefetch target JSON data after 150ms hover debounce using <link rel=prefetch>. Touch events prefetch immediately. - Skeleton screens: every async page shows a shimmer-animated placeholder matching the final content layout (leaderboard rows, bot profile card, replay canvas, playlist grid, etc.) instead of generic "Loading..." text. - Instant back-cache: back/forward navigation restores scroll position and cached HTML from an in-memory LRU cache (8 pages), making back navigation 0ms. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| app.html | ||
| CLOUDFLARE_DEPLOYMENT.md | ||
| DEPLOYMENT_INSTRUCTIONS.md | ||
| embed.html | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| pages.json | ||
| tsconfig.json | ||
| vite.config.ts | ||