Sobes.tech
Middle

Koje vrste renderovanja stranica postoje?

sobes.tech АИ

Одговор од АИ

  • Асимптонско рендерирање (Async Rendering): Делови странице (на пример, подаци добијени преко AJAX-захтева) се учитавају и приказују постепено, без блокирања учитавања главне структуре.
  • Рендерирање на страни клијента (Client-Side Rendering, CSR): Браузер учита минималну HTML датотеку која садржи линк ка JavaScript пакету. Овај пакет се извршава у прегледачу и динамично гради DOM.
  • Рендерирање на страни сервера (Server-Side Rendering, SSR): Сервер генерише потпун HTML документ са садржајем за сваку посећену страницу и шаље га прегледачу. Прегледач приказује већ спремну страницу.
  • Статички рендеринг (Static Rendering / Static Site Generation, SSG): Странице се генеришу као статичке HTML датотеке током изградње пројекта. Ове датотеке се потом достављају кориснику, обезбеђујући веома брзо учитавање.
  • Изоморфни (универзални) рендеринг (Isomorphic / Universal Rendering): ЈаваСкрипт код који може бити извршен како на серверу, тако и на клијенту. Ово омогућава да се прво рендерује страница на серверу (за убрзање првог приказа и SEO), а затим пренесе управљање на клијента за интерактивност.
Врста рендеринга Где се дешава Почетно учитавање SEO Интерактивност
CSR Клијент (прегледач) Спорије од првог садржаја Може бити тежије Високо након учитавања JS
SSR Сервер Брже од првог садржаја Добро Почиње након учитавања JS
SSG Конструкција пројекта Веома брзо Одлично Зависи од JS додатог након статичког учитавања
Изоморфно Сервер и клијент Брзо прво приказивање Добро Високо након "хидрације"