Цифры задержки, которые должен знать каждый фронтенд-разработчик – Vercel

Задержка Wi-Fi к Интернету

Wi-Fi добавляет минимальную задержку к соединению. Это может увеличиться при слабом сигнале или старом оборудовании.

1-4 мс

ТТФБ, ФЦП, ЛКП

Высокочастотный диапазон 5G (миллиметровые волны) задержка доступа в Интернет

Миллиметровые волны — самая быстродействующая мобильная технология. Однако его целесообразно использовать только в густонаселенных городских районах, где есть прямая видимость радиовышки.

1-5 мс

ТТФБ, ФЦП, ЛКП

Бюджет пользовательского пространства на рамка для 60 кадров в секунду

На устройстве со скоростью 60 кадров в секунду кадр рисуется каждые 16 мс. Однако устройству требуется некоторое время для фактической обработки кадра. Время здесь — это время, доступное вашему коду для вычисления того, что следует отрисовать.

5-10 мс

Плавная частота кадров

5G средняя задержка доступа к Интернету

10-30 мс

ТТФБ, ФЦП, ЛКП

Задержка туда и обратно к службе или базе данных в том же облачном регионе

Это задержка для другого сервиса, развернутого рядом с вами, без доступа к Интернету.

10 мс

ТТФБ, ФЦП, ЛКП

ЛТЕ задержка доступа в Интернет

15-50 мс

ТТФБ, ФЦП, ЛКП

Длительность кадра при 60 кадров в секунду

60 кадров в секунду — самая популярная частота кадров для устройств отображения. Однако некоторые новые устройства поддерживают более высокую частоту кадров, например 90 или 120 кадров в секунду.

16 мс

Плавная частота кадров

Задержка при поездке туда и обратно в другой город на том же континенте

Это задержка, которую вы можете ожидать, если вы выполняете развертывание в регионе на том же континенте, что и ваш пользователь. Оно рассчитано на расстояние 5000 километров, поэтому фактическая задержка может быть немного выше или ниже.

33 мс

ТТФБ, ФЦП, ЛКП

Кратчайшая продолжительность времени, воспринимаемая людьми как прошедшее время

Если вы отвечаете на ввод пользователя, длительность ниже этой продолжительности означает, что ваш пользователь будет воспринимать ответ как мгновенный. Цитирование

40-80 мс

ИЯФ

Время разобрать 1 МБ CSS

Анализ CSS — это часть работы, которую браузер должен выполнить для отображения веб-страницы.

100 мс

ФЦП, ЛКП

Время разобрать 1 МБ HTML

Анализ HTML — это часть работы, которую браузер должен выполнить для отображения веб-страницы. Хотя для более коротких веб-страниц он часто незначителен, он может стать основным фактором для очень длинных статей.

120 мс

ФЦП, ЛКП

3G задержка доступа в Интернет

3G — самый медленный стандарт сотовой связи, широко используемый сегодня.

150 мс

ТТФБ, ФЦП, ЛКП

Задержка при перелете на другую сторону земли с высококачественной сетью (маршрутизация холодного картофеля)

Это наихудшая задержка, которую вы должны увидеть при развертывании службы в одном регионе.

150 мс

ТТФБ, ФЦП, ЛКП

Время разобрать 1 МБ JS

Анализ JavaScript может существенно повлиять на время загрузки страницы, поскольку оно часто увеличивается быстрее, чем CSS и JS. Разделение кода это основной метод минимизации размера JS.

150 мс

ФЦП, ЛЦП, ИЯФ

Продолжительность времени, воспринимаемая людьми как вялая

При реакции на ввод пользователя ответ, медленнее этого значения, будет восприниматься как необходимость ожидания. 200 мс также является порогом для «Требует доработки» в ИЯФ.

200 мс

ИЯФ

Задержка при передаче туда и обратно на другую сторону Земли без выделенного оптоволокна (маршрутизация горячего картофеля)

Когда пользователи напрямую подключаются к удаленному серверу или при использовании недорогого CDN, задержки для пользователей могут удвоиться из-за передачи байтов по самому дешевому пути.

300 мс

ТТФБ, ФЦП, ЛКП