March 25, 2024

27 параметров скорости загрузки твоего сайта

А по-проще можно было? Можно. В целом, это 8 этапов. В каждом из них есть свои подпункты. Если их не дробить, а можно было бы, то получается 27. Глубже знать надо только каким-то узким мастерам. Нам не надо. Пока. Погнали:

1. DNS-запросы

  • Время поиска DNS
  • Кэширование DNS

2. Установление соединения

  • TCP Handshake время
  • TLS/SSL Handshake время
  • Использование HTTP/2

3. Отправка и получение данных

  • Время отправки запроса (Request Time)
  • Время ожидания ответа сервера (Time To First Byte, TTFB)
  • Время загрузки содержимого (Content Download Time)

4. Обработка и рендеринг

  • Парсинг HTML и построение DOM-дерева
  • Загрузка и выполнение CSS (построение CSSOM-дерева)
  • Загрузка, парсинг и выполнение JavaScript
  • Создание Render Tree
  • Расчет макета страницы (Layout)
  • Отрисовка страницы (Painting)

5. Взаимодействие с пользователем

  • Время до интерактивности (Time to Interactive, TTI)
  • Время до первого ввода (First Input Delay, FID)

6. Core Web Vitals

  • Largest Contentful Paint (LCP)
  • Cumulative Layout Shift (CLS)
  • First Input Delay (FID)

7. Производительность ресурсов

  • Загрузка изображений и оптимизация
  • Асинхронная загрузка ресурсов
  • Использование CDN для ускорения доставки контента

8. Дополнительные оптимизации

  • Кэширование контента
  • Минификация и сжатие файлов
  • Ленивая загрузка ресурсов (Lazy Loading)
  • Предзагрузка важных ресурсов (Preloading)

Каждый из этих параметров может быть детально изучен и оптимизирован для улучшения производительности сайта.

Все вместе они формируют общее впечатление пользователя о скорости и отзывчивости сайта.

Теперь вы знаете немного больше про скорость загрузки сайта.