Скорость загрузки сайта можно измерить несколькими способами:
-
Инструменты разработчика в браузере:
- Открыть вкладку "Network" (Сеть) в инструментах разработчика (F12).
- Обновить страницу.
- Анализировать временные показатели для каждого ресурса (HTML, CSS, JS, изображения):
- Waiting (TTFB): Время до получения первого байта от сервера.
- Content Download: Время загрузки содержимого.
- Total: Суммарное время загрузки ресурса.
- Обратить внимание на Waterfall (водопад) диаграмму для визуализации последовательности загрузки ресурсов.
- Анализировать Summary (Сводка) внизу вкладки для общего времени загрузки и количества запросов.
-
Online-сервисы для измерения скорости:
- Google PageSpeed Insights: Анализирует производительность для мобильных и десктопных устройств, предоставляет рекомендации по оптимизации.
- GTmetrix: Предоставляет метрики PageSpeed and YSlow, детализированный отчет о загрузке, производительность и рекомендации.
- Pingdom Website Speed Test: Измеряет скорость из разных локаций, предоставляет подробный анализ производительности.
- WebPageTest: Позволяет тестировать из различных локаций и браузеров, предоставляет множество метрик и визуализацию.
-
Метрики, на которые стоит обратить внимание:
- Time to First Byte (TTFB): Время до получения первого байта от сервера.
- Largest Contentful Paint (LCP): Время появления самого большого элемента контента в видимой части экрана.
- First Input Delay (FID): Время от первого взаимодействия пользователя с сайтом до ответа браузера.
- Cumulative Layout Shift (CLS): Суммарный показатель смещения макета страницы во время загрузки.
- **D