Performance Comparison
Understanding the performance characteristics and trade-offs of different rendering strategies
Performance Metrics
| Metric | CSR | SSR | SSG | Description |
|---|---|---|---|---|
Time to First Byte (TTFB) | ~50ms | ~200ms | ~10ms | Time between request and first byte received |
Largest Contentful Paint (LCP) | ~2.5s | ~1.2s | ~0.8s | Time to render the largest content element |
First Input Delay (FID) | ~100ms | ~50ms | ~50ms | Time from first user interaction to browser response |
SEO Friendliness | Poor | Excellent | Excellent | How well search engines can crawl and index content |
Server Load | Low | High | Minimal | Computational resources required on the server |
Data Freshness | Real-time | Fresh | Stale | How current the displayed data is |
Best for CSR
- Real-time trading dashboards
- Interactive data visualization
- User-specific personalized content
- Frequently updating live feeds
Best for SSR
- Product detail pages for e-commerce
- News articles and blog posts
- User profile pages
- Search result pages
Best for SSG
- Marketing landing pages
- Documentation sites
- Company about pages
- Cryptocurrency information pages