SEOMaster
Wiedza / Diagramy / Frontend i responsywność
Strategie renderowania (SSR/SSG/CSR)
Trzy strategie renderowania — kto i kiedy generuje HTML.
Co pokazuje ten diagram?
Jak kod zmienia się w responsywny interfejs i gdzie powstaje HTML w różnych strategiach renderowania.
Renderowanie to sposób, w jaki treść strony trafia do przeglądarki. Przy SSR (na serwerze) i SSG (statycznie) gotowy HTML powstaje zawczasu i przychodzi kompletny. Przy CSR (w przeglądarce) serwer wysyła niemal pustą stronę, a treść dorysowuje dopiero JavaScript.
Pomaga dobrać viewport, SSR, SSG lub CSR oraz wyjaśnić ich wpływ na użytkownika i crawlera.
Jak czytać schemat
- SSR
- HTML budowany na serwerze
- przy każdym żądaniu
- SSG
- HTML budowany raz,
- przy publikacji
- CSR
- HTML budowany
Pełne wyjaśnienie pojęcia
SSR / CSR / SSG / prerendering — Sposób, w jaki treść trafia do przeglądarki.
Jak użyć diagramu?
Otwórz sam plik SVG, aby powiększyć go bez utraty jakości, albo odwołaj się do tej strony, gdy potrzebujesz również opisu, legendy i powiązanych materiałów.