Що таке SSR (Server Side Rendering)?
SSR, або Server Side Rendering, - це техніка, яка використовується для генерації HTML-контенту на сервері та надсилання попередньо створених сторінок клієнтам. Головна мета SSR - зменшити час завантаження сторінки та покращити оптимізацію для пошукових систем (SEO).
Чому потрібно використовувати SSR?
Відповідь: SSR допомагає зменшити час завантаження першої сторінки, що покращує користувацький досвід та підвищує SEO-показники.
Як працює SSR?
При використанні SSR запит на сервер включає у себе не лише JavaScript-код, але і вже згенеровану сторінку, що дозволяє клієнтам отримати відразу весь готовий контент.
Які переваги має SSR порівняно з Client Side Rendering (CSR)?
SSR забезпечує швидке відображення контенту, особливо на перших завантаженнях сторінок, що робить досвід користувача кращим та сприяє покращенню рейтингу сторінки у пошукових системах. Але CSR також має свої переваги.
Приклад роботи:
При рендерингу за допомогою SSR користувач відкриває сторінку, а сервер генерує HTML-контент і відправляє його. Наприклад, якщо веб-сайт має блог, то при відкритті головної сторінки користувач одразу побачить список статей, а не чекатиме, доки завантажиться JavaScript та відпрацює вся логіка (рендерінг DOM, завантаження додаткового контенту тощо).