Инструментов много, но для практической работы достаточно 3–4. Вот мой рабочий набор и зачем каждый нужен.
Основные инструменты
1. Google PageSpeed Insights — обязательный. Показывает Core Web Vitals из реальных данных пользователей (CrUX) и лабораторные замеры. Если выбирать один инструмент — этот.
2. WebPageTest.org — детальный waterfall-анализ загрузки. Показывает, какой ресурс тормозит, в каком порядке грузятся файлы, где bottleneck. Для диагностики — незаменим.
3. Chrome DevTools → Lighthouse — встроен в браузер. Быстро проверить производительность без перехода на внешний сервис. Удобен для итерационных проверок после каждого фикса.
4. GTmetrix — наглядные отчёты, исторические данные, мониторинг. Бесплатный план достаточен для базовой работы.
Для мониторинга
- Google Search Console → Core Web Vitals — реальные данные по всем страницам
- CrUX Dashboard (Looker Studio) — тренды Core Web Vitals за 6 месяцев
Частые ошибки
- Тестировать только главную — проверяйте типовые страницы (категория, карточка, статья)
- Тестировать только десктоп — мобильная скорость важнее для ранжирования
- Гнаться за 100 баллами — важны CWV-метрики (LCP, CLS, INP), а не абстрактный score
- Тестировать один раз — скорость меняется со временем, нужен регулярный мониторинг
Также рекомендую обратить внимание на Pingdom Tools — он прост в использовании и даёт понятный отчёт о времени загрузки страницы, размере ресурсов и количестве запросов. Это полезно для быстрой оценки общего состояния сайта. Если вы работаете с большими проектами, попробуйте Lighthouse CI — он интегрируется в CI/CD и помогает автоматизировать проверки производительности. Не забывайте, что скорость сайта зависит не только от инструментов, но и от правильной оптимизации изображений, кэширования и минификации кода. Регулярно тестируйте сайт на разных устройствах и сетях, чтобы убедиться, что он работает стабильно для всех пользователей.