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

Ember.js: Client-side vs. Server-side rendering

  • 1,561