Logo David Burdelak
Słownik · Web development

Co to jest Client-Side Rendering (CSR)?

Ostatnia aktualizacja:

CSR (Client-Side Rendering) to sposób renderowania, w którym serwer wysyła niemal pusty HTML, a właściwą treść buduje w przeglądarce kod JavaScript. Sprawdza się w aplikacjach, ale bywa kłopotliwy dla SEO i wydajności.

Zalety i wady

Zalety Wady
płynne przejścia w aplikacji pusta strona do czasu wykonania skryptu
mniejsze obciążenie serwera wolniejszy LCP, zależność od urządzenia
prosty hosting statyczny treść widoczna dla robotów dopiero po renderowaniu

Kiedy wybrać CSR?

Dla paneli, aplikacji za logowaniem i interfejsów mocno interaktywnych, w których SEO nie ma znaczenia. W serwisach treściowych i sklepach lepiej wybrać SSR lub generowanie statyczne.

Strona ładuje pustą powłokę, a treść dopiero po wykonaniu JavaScriptu, więc wolne urządzenie opóźnia jej pojawienie się.

Czy Google indeksuje strony CSR?

Tak, Google renderuje JavaScript, ale z opóźnieniem i z ograniczeniami. Dla treści, które mają się pozycjonować, bezpieczniejszy jest SSR lub SSG.

Zobacz w praktyce

Powiązane pojęcia

Wszystkie hasła z kategorii Web development