SSR, skrót od „ Server-Side Rendering ”, to technika tworzenia stron internetowych, która polega na generowaniu zawartości HTML strony internetowej na serwerze przed wysłaniem jej do przeglądarki użytkownika. Stanowi to kontrast w stosunku do podejścia „renderowania po stronie klienta”(CSR), w którym przeglądarka pobiera kod JavaScript i po pobraniu tworzy stronę internetową.
Struktura i zasada działania SSR
-
Żądanie użytkownika: Gdy użytkownik uzyskuje dostęp do witryny internetowej, przeglądarka wysyła żądanie do serwera.
-
Przetwarzanie serwera: Serwer odbiera żądanie i przetwarza je, budując zawartość HTML strony internetowej. Obejmuje to pobieranie danych z baz danych, tworzenie komponentów interfejsu i składanie treści w kompletny dokument HTML.
-
Tworzenie kompletnego kodu HTML: Po przetworzeniu serwer tworzy kompletny dokument HTML zawierający niezbędną treść, dane i komponenty interfejsu.
-
Wysyłanie do przeglądarki: serwer wysyła cały dokument HTML z powrotem do przeglądarki użytkownika.
-
Renderowanie strony: przeglądarka odbiera dokument HTML i renderuje go dla użytkownika. Kod JavaScript i zasoby statyczne(CSS, obrazy) są również ładowane i wykonywane przez przeglądarkę.
Korzyści z SSR
- Zalety SEO: Wyszukiwarki mogą lepiej zrozumieć i uszeregować strony internetowe, gdy treść jest wstępnie renderowana na serwerze.
- Szybsze wyświetlanie: użytkownicy szybciej widzą treść, ponieważ dokument HTML jest wstępnie renderowany.
- Obsługa słabych urządzeń: Wstępnie renderowana zawartość poprawia komfort korzystania z urządzeń o niższej wydajności lub słabszych połączeniach.
- Wsparcie dla użytkowników nie obsługujących JavaScript: SSR umożliwia wyświetlenie wersji podstawowej użytkownikom, którzy nie korzystają z JavaScript.
Podsumowując, SSR optymalizuje wydajność i możliwość wyszukiwania stron internetowych, generując zawartość HTML na serwerze przed wysłaniem jej do przeglądarki. Zapewnia to lepsze doświadczenie użytkownika, poprawia rankingi w wyszukiwarkach i poprawia ogólną wydajność witryny.