Кейс: скорость сайта упала. Разбор на собесе

Формулировка кейса

Типовой кейс для веб-аналитика / growth-аналитика. Проверяет понимание performance и её влияния на метрики.

Что такое LCP и CWV

Core Web Vitals (CWV) — метрики скорости от Google:

• LCP (Largest Contentful Paint) — время отрисовки главного контента. Хорошо: <2.5s.
• CLS (Cumulative Layout Shift) — «прыжки» layout. Хорошо: <0.1.
• INP (Interaction to Next Paint) — отзывчивость. Хорошо: <200ms.

Google использует CWV в ранжировании.

Шаг 1. Уточнения

• Какая страница / компонент? Главная / product page / checkout — разные проблемы.
• Real user metrics (RUM) или lab? Реальные данные или синтетический тест?
• Какая платформа? Mobile / desktop — часто разная картина.
• P50, P75, P90? Media не падала, P90 в выбросы?

Шаг 2. Проверка данных

• Изменился ли измеряющий инструмент?
• Новый CDN / hosting?
• Конкретный страна / ISP?
• Какая версия браузера?

Шаг 3. Декомпозиция LCP

LCP = время от запроса страницы до полной отрисовки главного элемента

Составляющие:

• Time to First Byte (TTFB)
• Resource Load Delay
• Resource Load Time
• Element Render Delay

Для каждого — свои причины.

Шаг 4. Гипотезы

TTFB упал (сервер медленнее)

• Увеличилась нагрузка → server CPU / memory
• Ухудшился DB query (медленные SQL)
• Новый API slow
• CDN проблемы

Resource Load Delay

• Main CSS / JS больше → дольше parsing
• Third-party scripts добавлены (analytics, ads)
• Image без optimization

Render Delay

• JS-блокирующий critical path
• Font loading (FOIT)
• Animations на main thread

Шаг 5. Что могло случиться

Последние изменения

• Новая feature с большим JS bundle
• Добавили third-party script (Hotjar, Intercom, ...)
• Замена картинок на более большие
• Новый A/B-тест / Optimizely / GTM snippet

Инфраструктура

• Сменили CDN → новая задержка
• Рост трафика → серверы не справляются
• Дорогой DB query в критическом пути

Браузерные изменения

• Новый Safari / Chrome иначе отрабатывает CSS
• iOS версия ввела новые ограничения

Шаг 6. Влияние на бизнес

LCP напрямую влияет:

• Bounce rate: 1s delay → +32% bounce (по Google)
• Conversion rate: падает на 7% за каждую секунду
• SEO: ниже ранжирование → меньше organic
• Engagement: пользователи уходят

Шаг 7. План действий

Краткосрочно:

• Откат релиза, если видна корреляция
• Убрать тяжёлый third-party script
• Оптимизация крупных изображений (WebP, lazy load)

Среднесрочно:

• Code splitting JS-bundle
• Preload critical fonts / images
• Оптимизация критичных DB-запросов
• Server-side rendering / ISR

Долгосрочно:

• Continuous performance monitoring
• Budget для bundle size
• CDN + edge computing

Связь с аналитикой

• Отдельный дашборд CWV по страницам
• Alerts при деградации > threshold
• A/B-тест performance-изменений (CR up?)
• Корреляция LCP с bounce / conversion

На собесе

«Как performance влияет на бизнес?» Рост LCP на 1 sec → +32% bounce, -7% conversion. Влияет на SEO.

«Как найти причину deterioration?» EXPLAIN для DB, DevTools Performance, Lighthouse, real user monitoring.

«LCP или TTFB?» LCP — комплексная. TTFB — часть её. LCP ближе к пользовательскому опыту.

Связанные кейсы

• Bounce rate вырос
• Конверсия упала
• Organic traffic упал

Читайте также

• Аналитик в e-commerce
• Воронка конверсии

FAQ

Что такое хороший LCP?

<2.5s — хорошо. 2.5-4s — средне. >4s — плохо.

Можно ли быстро фиксить?

Образы и lazy loading — дни. Bundle optimization — недели. Архитектурные — месяцы.

Performance вместо продуктовых фич?

Не альтернатива. Performance = базовая гигиена. Продуктовые фичи — на здоровой основе.

Как мерить в pandas?

Не pandas. RUM (Real User Monitoring) через Google Analytics 4 / CrUX / Sentry.

---

Больше кейсов — в тренажёре с 1500+ вопросами.