< H / $ > Хак/Собесов

Перейти на PRO

Что влияет на быстроту загрузки контента на сайте

«Что влияет на быстроту загрузки контента на сайте» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Тип вопроса: Архитектура Вероятность: 10% Категория: Frontend Разработчик

Ответ

На скорость загрузки влияют:

Размер ресурсов
Оптимизация изображений (WebP, сжатие), минификация CSS/JS, использование современных форматов (AVIF для изображений).
Количество HTTP-запросов
Объединение файлов (CSS/JS спрайты), lazy loading для изображений ниже сгиба.
Серверная инфраструктура
CDN для статики, HTTP/2, кэширование (Cache-Control, Service Workers).
Рендеринг в браузере
Критический CSS в <head>, отложенная загрузка JS (defer, async), избегание синхронных операций.

Пример оптимизации изображений:

<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" loading="lazy" alt="...">
</picture>

Дополнительно: SSR/SSG для быстрого First Contentful Paint, предзагрузка ключевых ресурсов (<link rel="preload">).