Client-Side vs. Server-Side
Rendering
Martin Malinda
Server Side Rendering
Request → Server → HTML Response
- Spolehlivé, rychlé řešení
- SEO ✓
- Přístupnost ✓
Client-Side Rendering
Request → Server → HTML Kostra + JavaScript
Dále: AJAX Request → Server → JSON Response
- Lepší interaktivita
- Rychlé překliky
- Lepší offline podpora
- Rychlost ?
- SEO ?
- Přístupnost ?
Wix
SSR + CSR
- Time to render ✓
- Přístupnost ✓
- SEO ✓
- Rychlé prokliky ✓
- Interaktivita ✓
- Time to interactivity (?)
- Komplexita
Optimalizace
- Hydratace
- Redukce kódu
- Updaty JS engine
- Service Worker (warm cache)
- Optimalizace JavaScriptu
- Web Workers
| Ember.js | React.js | |
|---|---|---|
| SSR | Jednoduchý | Komplexní |
| Performance | Dobrá | Vysoká |
| Flexibilita | Nízká | Vysoká |
| Šablony | (Handlebars) | JSX |
| Tooling | Pohodlný | Mocný |
| Konvence | Ano | Ne |
| Rozšiřitelnost | Pohodlná | Neomezená |
| Update | Stability without stagnation | ? |
| Komunita | 651 contributors | 954 contributors |
| Debugging | +/- | Dobrý |
Demo
Děkuji za pozornost
Ember.js: Client-side vs. Server-side rendering
By Martin Malinda
