Скорость загрузки веб-сайта можно измерить с помощью следующих подходов и метрик:
Инструменты для измерения:
- Инструменты разработчика браузера: Вкладка Network (Сеть) в Chrome, Firefox, Edge, Safari позволяет отслеживать время загрузки каждого ресурса (HTML, CSS, JS, изображения), Waterfall chart, метрики (DOMContentLoaded, Load).
- Онлайн-сервисы: GTmetrix, PageSpeed Insights (от Google), Pingdom Tools. Они предоставляют детальные отчеты о производительности, рекомендации по улучшению и оценивают различные метрики.
- Инструменты командной строки: Lighthouse (интегрирован в Chrome DevTools, но может запускаться из командной строки), WebPageTest (может запускаться локально). Позволяют автоматизировать тестирование и получать структурированные отчеты.
- Real User Monitoring (RUM) / Мониторинг реальных пользователей: Инструменты типа New Relic, Dynatrace, Sentry. Собирают данные о производительности сайта непосредственно от браузеров реальных пользователей.
Основные метрики производительности (Core Web Vitals и другие):
- First Contentful Paint (FCP): Время до отображения первого элемента контента (текста, изображения) на странице.
- Largest Contentful Paint (LCP): Время до отображения наибольшего элемента контента в видимой области экрана. Ключевая метрика для измерения perceived load speed.
- Cumulative Layout Shift (CLS): Мера визуальной стабильности. Суммирует смещения элементов контента, которые случаются в процессе загрузки страницы.
- First Input Delay (FID): Время от первого взаимодействия пользователя со страницей (клик, нажатие клавиши) до того момента, когда браузер начнет обрабатывать эту реакцию. Измеряет интерактивность. Будет заменен на Interaction to Next Paint (INP) с марта 2024.
- Time to Interactive (TTI): Время, когда страница становится