Performance
wpisy (15)
- Frontend Rendering: od server-side pages do hybrydowego renderowania17/17
Nowoczesny rendering to kompozycja
Renderowanie przestało być jednym etapem. To rozmieszczenie pracy w czasie, przestrzeni i pomiędzy runtime'ami, a framework jest konsekwencją tych decyzji.
- Frontend Rendering: od server-side pages do hybrydowego renderowania16/17
Server Components: nie cały kod UI musi trafić do browsera
Granica renderowania przestaje przebiegać przez stronę, a zaczyna przez graf modułów. Część komponentów nigdy nie ma implementacji po stronie klienta.
- Frontend Rendering: od server-side pages do hybrydowego renderowania15/17
Resumability: zamiast hydratować, wznów wykonanie
Serwer zapisuje dość informacji, żeby klient nie musiał odtwarzać drzewa komponentów. Kod ładuje się dlatego, że wykonanie stało się potrzebne.
- Frontend Rendering: od server-side pages do hybrydowego renderowania14/17
Islands architecture: interaktywne wyspy w statycznym dokumencie
Punktem wyjścia przestaje być aplikacja. Strona jest dokumentem, a client runtime dostają tylko te fragmenty, które go naprawdę potrzebują.
- Frontend Rendering: od server-side pages do hybrydowego renderowania13/17
Selective i progressive hydration: nie wszystko musi dostać CPU od razu
Hydration przestaje być jednym startup taskiem. Client CPU staje się zasobem przydzielanym według priorytetów i realnego intentu użytkownika.
- Frontend Rendering: od server-side pages do hybrydowego renderowania12/17
Edge rendering: renderowanie bliżej użytkownika
Przesunięcie compute bliżej użytkownika ma sens tylko wtedy, gdy dane idą razem z nim. Inaczej skracamy jeden hop i wydłużamy resztę.
- Frontend Rendering: od server-side pages do hybrydowego renderowania11/17
Partial Prerendering: jedna strona, kilka momentów renderowania
Jednostką decyzji przestaje być route. Statyczny shell powstaje wcześniej, dynamiczne fragmenty dochodzą przy requeście albo przez stream.
- Frontend Rendering: od server-side pages do hybrydowego renderowania10/17
Streaming SSR: nie czekaj na cały render
Odpowiedź przestaje być atomowa. Serwer wysyła gotowe fragmenty, a najwolniejsza zależność nie blokuje już całego dokumentu.
- Frontend Rendering: od server-side pages do hybrydowego renderowania9/17
Revalidation i ISR: statyczny output, który może się zestarzeć
ISR to nie osobna kategoria renderowania, tylko cache z kontrolowaną niespójnością: precomputed HTML, expiration i regeneracja.
- Frontend Rendering: od server-side pages do hybrydowego renderowania8/17
Deferred generation: nie generuj tego, czego nikt nie potrzebuje
Request przestaje być momentem renderowania, a staje się triggerem materializacji artefaktu. Pierwszy użytkownik płaci, kolejni dostają plik.