FAQ по блоку «Производительность сайта»

TTFB (Time To First Byte)

Что это?
Это время, которое проходит между тем, как браузер отправил запрос на сайт, и получил первый байт ответа от сервера.

Норма:
— До 200 мс — отлично
— 200–500 мс — приемлемо
— Более 500 мс — стоит оптимизировать

Зачем это важно?
Это один из первых показателей «живости» сайта. Чем он меньше — тем быстрее сайт начинает загружаться.

HTML размер

Что это?
Размер HTML-документа (без картинок, CSS, JS).

Норма:
— До 50 КБ — хорошо
— Более 100 КБ — сигнал, что на странице много кода или текста

CSS файлов

Что это?
Количество файлов со стилями, которые браузер загружает, чтобы страница выглядела красиво.

Зачем важно?
Каждый файл — отдельный запрос. Много CSS → дольше загружается страница.

Рекомендация:
Объединять стили, использовать минификацию, подключать их асинхронно при возможности.

JS файлов

Что это?
Количество файлов с JavaScript — код, который управляет динамическими элементами на сайте (например, выпадающими меню, слайдерами, кнопками).

Риски:
Чем больше таких файлов, тем выше шанс, что сайт "задумается" перед отображением.

Картинок (IMG тегов)

Что это?
Количество изображений на странице.

Важно:
— Оптимизируйте размер картинок
— Используйте современные форматы (WebP)
— Загружайте «лениво» (lazy load)

PRO PageSpeed и блокировки ресурсов

Суммарный размер CSS / JS

Что это?
Общий "вес" всех подключённых файлов стилей и скриптов.

Норма:
— До 100 КБ на CSS/JS — отлично
— Более 300 КБ — уже может тормозить загрузку

Блокирующих CSS и JS файлов

Что это?
Это ресурсы, которые задерживают отображение страницы, пока не загрузятся полностью.

Почему это плохо?
Пользователь видит "пустую" страницу дольше. Чем больше таких файлов — тем дольше сайт «молчит».

Решения:
— Объединить файлы
— Подключать CSS/JS асинхронно
— Использовать media-условия, defer, async и preload

Асинхронных и отложенных JS

Что это?
Асинхронные (async) и отложенные (defer) скрипты не блокируют отображение страницы — они загружаются в фоновом режиме.

PageSpeed Score

Что это?
Оценка от Google, которая показывает, насколько сайт соответствует современным стандартам скорости и UX.

Оценка:
— 90–100 — отлично
— 70–89 — средне
— Менее 70 — стоит оптимизировать

PRO Core Web Vitals (Основные веб-показатели)

LCP (Largest Contentful Paint)

Что это?
Это время, за которое отображается крупнейший элемент на странице (чаще всего — заголовок, изображение, баннер).

Норма:
— До 2.5 секунд — отлично
— 2.5–4 сек — приемлемо
— Более 4 сек — плохо

CLS (Cumulative Layout Shift)

Что это?
Показатель визуальной стабильности страницы. Показывает, насколько контент «скачет» при загрузке.

Норма:
— До 0.1 — отлично
— 0.1–0.25 — допустимо
— Более 0.25 — сайт «дергается», раздражает пользователя

Performance Score

Что это?
Финальная оценка производительности страницы (по метрикам PageSpeed, Web Vitals и пр.).

100/100 — это максимально возможный балл. Показывает, что сайт загружается очень быстро и стабильно.