Дисклеймер

Інформація на сайті tseivo.com є суб'єктивною та відображає особисті погляди та досвід авторів та авторок блогів.

Використовуйте цей ресурс як одне з декількох джерел інформації під час своїх досліджень та прийняття рішень. Завжди застосовуйте критичне мислення. Людина сама несе відповідальність за свої рішення та дії.

Що таке SSR (Server Side Rendeting)?

SSR, або Server Side Rendering, - це техніка, яка використовується для генерації HTML-контенту на сервері та надсилання попередньо створених сторінок клієнтам. Головна мета SSR - зменшити час завантаження сторінки та покращити оптимізацію для пошукових систем (SEO).

Чому потрібно використовувати SSR?

Відповідь: SSR допомагає зменшити час завантаження першої сторінки, що покращує користувацький досвід та підвищує SEO-показники.

Як працює SSR?

При використанні SSR запит на сервер включає у себе не лише JavaScript-код, але і вже згенеровану сторінку, що дозволяє клієнтам отримати відразу весь готовий контент.

Які переваги має SSR порівняно з Client Side Rendering (CSR)?

SSR забезпечує швидке відображення контенту, особливо на перших завантаженнях сторінок, що робить досвід користувача кращим та сприяє покращенню рейтингу сторінки у пошукових системах. Але CSR також має свої переваги.

Приклад роботи:

При рендерингу за допомогою SSR користувач відкриває сторінку, а сервер генерує HTML-контент і відправляє його. Наприклад, якщо веб-сайт має блог, то при відкритті головної сторінки користувач одразу побачить список статей, а не чекатиме, доки завантажиться JavaScript та відпрацює вся логіка (рендерінг DOM, завантаження додаткового контенту тощо).
📝 Більше публікацій:
Обкладинка нотатки: Що таке DDL (Data Definition Language) та DML (Data Manipulation Language)? Коли та для чого використовуються?
Обкладинка нотатки: Що таке ТCL (Transaction Control Language), DCL (Data Control Language) та DQL (Data Query Language)
Обкладинка нотатки: Що таке Environment Variables в розробці ПЗ?