Що таке CSR (Client Side Rendering)?

CSR (Client Side Rendering) – це техніка веб-рендерингу, де контент створюється на боці клієнта, тобто на боці користувача, а не на сервері. У цьому підході весь процес генерації HTML, CSS та JavaScript відбувається в браузері користувача.
CSR використовується для покращення швидкодії веб-сайтів та додавання інтерактивності для кінцевого користувача. Це дозволяє створювати більш динамічні веб-додатки.

Як відрізнити CSR від SSR (Server Side Rendering)?

CSR та SSR це дві різні стратегії рендерингу контенту. У SSR контент створюється на сервері перед тим, як він буде доставлений до браузера, тоді як у CSR генерація відбувається на боці клієнта.

Які переваги CSR має порівняно з SSR?

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

Приклад CSR

Для кращого розуміння CSR можна згадати сучасні веб-додатки, які мають плавні переходи між сторінками та динамічно оновлюються без повного перезавантаження. Наприклад, соціальні мережі, де під час прокручування сторінки вниз нові публікації завантажуються без перезавантаження сторінки.
Цейво!Відреагуй!
🧵

Цей допис поки що не має жодних доповнень від автора/ки.

3 квіт. '24, 06:49

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

meme code
15 квіт. '24, 18:11

Що таке HTTP Client hints (Підказки клієнта)?

meme code
10 груд. '23, 14:18

Що таке клієнт і сервер? Яка механіка взаємодії між клієнтом та сервером?

meme code
24 груд. '23, 12:23

Що таке Cross-Site Scripting (XSS)?

meme code
24 груд. '23, 12:08

Що таке SQL Injection?

meme code
Що таке Environment Variables в розробці ПЗ?
3 квіт. '24, 06:31

Що таке Environment Variables в розробці ПЗ?

meme code
3 квіт. '24, 06:17

Що таке управління процесами (Process Management) у розробці ПЗ?

meme code
2 квіт. '24, 07:17

Що таке Concurrency в IT?

meme code
10 квіт. '24, 07:46

Що таке Webserver та Application Server?

meme code
Що таке ТCL (Transaction Control Language), DCL (Data Control Language) та DQL (Data Query Language)
27 бер. '24, 19:04

Що таке ТCL (Transaction Control Language), DCL (Data Control Language) та DQL (Data Query Language)

meme code
10 квіт. '24, 07:58

Що таке Пакет / Packet в IT?

meme code
27 бер. '24, 18:47

Що таке атомарна транзакція (atomic transaction)?

meme code
12 квіт. '24, 09:17

Для чого потрібен HTTP метод Connect?

meme code
12 квіт. '24, 09:24

Для чого потрібен HTTP метод DELETE?

meme code
12 квіт. '24, 09:31

Для чого потрібен HTTP метод GET?

meme code
12 квіт. '24, 09:38

Для чого потрібен HTTP метод HEAD?

meme code