Redesign the benchmarks page - #29
Conversation
Turns /benchmarks/ and /de/benchmarks/ from a text article into a landing page: a hero with four headline numbers, ranked bar charts with a viewer-count switch for join latency, side-by-side handshake charts, head-to-head cards against MediaMTX and LiveForge, the full result tables, feature cards and a setup summary. Both languages now render one shared template (includes/benchmarks-page.php) with their own strings. The homepage chart uses the same ranked bar style. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_017zwRjF57hJ56nbsK7yApc6
|
Warning Review limit reachedNext included review available in 36 minutes. View limit detailsLimit details: You’ve used the included review currently available. You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository. Review configuration: ⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Advanced Run ID: 📒 Files selected for processing (9)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_017zwRjF57hJ56nbsK7yApc6
|
ⓘ Qodo reviews are paused because your trial has ended. Ask your workspace admin to add credits to resume reviews. Manage billing |
|
@codex review |
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: e375baad1a
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_017zwRjF57hJ56nbsK7yApc6
|



Requested by Alex · project thread
Before:
/benchmarks/and/de/benchmarks/were a plain article column with small charts, long tables and bullet lists.After: both pages are a landing page. A hero with a gradient headline and four headline numbers (3.54 ms join at 100 viewers, 2.19 ms connect + publish, 10,447 handshakes/s, 100% of frames), each with a "N× faster than …" pill. Ranked bar charts with the winner highlighted, a "Fastest" badge, and how far each other server is behind; join latency has a 100 / 25 / 1 viewer switch. Handshake latency and throughput sit side by side, head-to-head cards compare against MediaMTX and LiveForge, the full result tables stay, and "why it is fast" and the test setup are cards and a spec list instead of bullets. The homepage chart uses the same ranked bar style.
How: both languages render one shared template,
includes/benchmarks-page.php, with their own string table, so EN and DE can't drift apart. The viewer switch is a small accessible tab control inmain.js; without JavaScript all three viewer counts are shown. Checked for no horizontal overflow at 360–1280px on EN and DE; sitemap regenerated.🤖 Generated with Claude Code
https://claude.ai/code/session_017zwRjF57hJ56nbsK7yApc6
Generated by Claude Code