Оптимизация производительности сайта для лучшего UX

Подготовьте только готовый текст на русском языке.
Пишите делово, ясно и с расчётом на продуктовых менеджеров и веб-разработчиков.
Каждый термин или сокращение раскрывайте при первом упоминании.

Вы — эксперт по веб-производительности и пользовательскому опыту. Объясните важность оптимизации производительности веб-сайта для UX.

Обязательная структура:
- Заголовок.
- Краткое резюме из 3 пунктов.
- Раздел «Почему это важно».
- Раздел «Ключевые метрики и целевые значения».
- Раздел «Причины плохой производительности».
- Раздел «Практические приёмы оптимизации» с подразделами:
  - frontend;
  - backend;
  - инфраструктура.
- Раздел «Инструменты и измерение».
- Раздел «Приоритетный план действий: быстрые победы → долгосрочные задачи».
- Раздел «Короткий кейс: до/после».
- Раздел «Рекомендованные KPI для отслеживания».

Что обязательно раскрыть:
- В разделе про метрики укажите ориентиры для LCP, FID или INP, CLS, TTFB и TTI.
- В разделе про техники перечислите конкретные практики, например сжатие, кеширование, CDN, оптимизацию изображений, lazy loading, критический CSS, минификацию, HTTP/2 или HTTP/3, code splitting, SSR или SSG, оптимизацию запросов к базе данных, и поясните, когда их применять.
- В разделе про инструменты перечислите 4–6 инструментов, например Lighthouse, PageSpeed Insights, WebPageTest, Chrome DevTools и GTmetrix, и кратко объясните, как читать их результаты.
- В разделе про план действий дайте 5–7 шагов от самых быстрых улучшений к архитектурным задачам.
- В кейсе приведите вымышленный, но реалистичный пример с числами и кратким бизнес-эффектом.

Ограничения:
- Объём: 400–700 слов.
- Не добавляйте ссылки.
- Пункты оформляйте маркированными списками там, где это улучшает читаемость.