Middle
Sahifa rendering turlari qanday?
sobes.tech AI
AIdan javob
- Асинхронний рендеринг (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): Код JavaScript, який може виконуватися як на сервері, так і на клієнті. Це дозволяє спочатку відрендерити сторінку на сервері (для прискорення першого відображення і SEO), а потім передати управління на клієнт для інтерактивності.
| Види рендерингу | Де відбувається | Початкове завантаження | SEO | Інтерактивність |
|---|---|---|---|---|
| CSR | Клієнт (браузер) | Повільніше за перший контент | Може бути складніше | Висока після завантаження JS |
| SSR | Сервер | Швидше за перший контент | Добре | З'являється після завантаження JS |
| SSG | Збірка проекту | Дуже швидко | Відмінно | Залежить від JS, доданого після статичного завантаження |
| Ізоморфний | Сервер і клієнт | Швидке перше відображення | Добре | Висока після "гідрації" |