Astro 5 vs Elysia + React

Real-world performance comparison based on identical SaaS dashboard implementations.

Astro 5

Astro 5

VPS

View Live Demo

The web framework for content-driven websites. Astro's revolutionary Islands architecture ships zero JavaScript by default—interactive components hydrate independently only where needed, dramatically reducing bundle sizes. Astro 5 introduces Content Layer for type-safe content collections, Server Islands for mixing static and dynamic content, and improved build performance. The framework is UI-agnostic: use React, Vue, Svelte, Solid, or vanilla JS components in the same project. Perfect for marketing sites, documentation, blogs, and any content-heavy application where performance matters. Astro consistently achieves perfect Lighthouse scores with minimal effort.

Elysia + React

Elysia + React

VPS (Bun)

View Live Demo

A Bun-native server framework paired with React for SSR. Elysia leverages Bun's speed and provides end-to-end type safety through its innovative "Eden" client that infers types directly from your API routes. Elysia's declarative syntax is reminiscent of tRPC but with full HTTP control. Plugins handle validation, authentication, and documentation generation. The framework achieves exceptional throughput on the Bun runtime. This stack demonstrates what's possible when you combine Bun's performance with a thoughtfully designed type-safe server framework and React's component model.

Performance Metrics

Lower is better for all metrics. Green indicates the faster framework.

Metric Astro 5 Elysia + React Winner
TTFB (p50) 50.5ms 44.75ms ▶
TTFB (p95) 52.23ms 50.52ms ▶
LCP (p50) 80ms 72ms ▶
LCP (p95) 86.2ms 84ms ▶
CLS 0 0 =
TBT 0 ms 0 ms =
LCP → TTFB 214 ms N/A -
LCP → Load Delay 0 ms N/A -
LCP → Load Duration 0 ms N/A -
LCP → Render Delay 535 ms N/A -
Performance Score 99 100 ▶
SEO Score 92 92 =
Accessibility Score 79 80 ▶
Best Practices Score 100 100 =

LLM Understanding (Claude Opus 4.5)

How efficiently Claude Opus 4.5 understands the codebase. Based on exploration + validation tests.

Metric Astro 5 Elysia + React Winner
Exploration Time 3955ms 3484ms ▶
Exploration Tokens 2756 3402 ◀
Files Examined 8 10 ◀
Validation Accuracy 86% 74% ◀
Time Per File 494ms 348ms ▶
Tokens Per File 3496 3070 ▶
Efficiency Score 33.49 23.18 ◀

LLM Understanding (Claude Haiku 4.5)

How efficiently Claude Haiku 4.5 understands the codebase. Based on exploration + validation tests.

Metric Astro 5 Elysia + React Winner
Exploration Time 2240ms 2400ms ◀
Exploration Tokens 2764 3430 ◀
Files Examined 8 10 ◀
Validation Accuracy 81% 63% ◀
Time Per File 280ms 240ms ▶
Tokens Per File 3474 3060 ▶
Efficiency Score 49.18 15.01 ◀

Build Metrics

Metric Astro 5 Elysia + React Winner
Bundle Size (JS) 242.7KB 283.6KB ◀
Bundle Size (CSS) 22.6KB 23.1KB ◀
Build Time 0s 0s =
Dependencies 18 20 ◀

Want to see more framework comparisons?

View All Comparisons