Инструментов много, но для практической работы достаточно 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 и помогает автоматизировать проверки производительности. Не забывайте, что скорость сайта зависит не только от инструментов, но и от правильной оптимизации изображений, кэширования и минификации кода. Регулярно тестируйте сайт на разных устройствах и сетях, чтобы убедиться, что он работает стабильно для всех пользователей.