Швидкий UI — це не тільки “оптимізувати картинки”
На швидкість впливають рендеринг, обʼєм JavaScript, кешування і робота з даними. Добрий стек — це правила, а не список бібліотек.
1) Вимірювання
- LCP, INP, CLS як орієнтири.
- RUM (реальні користувачі) важливіший за “лабу”.
2) Рендеринг і hydration
SSR/SSG допомагають з LCP, але hydration може “вбити” INP. Важливо виносити важкі компоненти, дробити сторінку і використовувати partial hydration де доречно.
3) Контроль бандлів
- Code splitting по маршрутах.
- Динамічні імпорти важких блоків.
- Аналіз бандла як регулярна практика.
4) Кеш і дані
CDN, правильні cache headers, “stale‑while‑revalidate”, дедуп запитів і уникнення waterfall — це те, що дає ефект майже завжди.
Підсумок
Frontend стек — це про дисципліну: вимірювання → правила рендерингу → контроль бандлів → кеш/дані. Так UX стає стабільно швидким.