Как ускорить первую загрузку

Question

Первая загрузка сайта занимает 4 секунды у пользователей из регионов. Как бы ты искал, где теряется время, и что делал?

Техпрогон · Accepted Answer

Сначала измеряю, а не угадываю. Navigation Timing в RUM разбивает загрузку на DNS, соединение, TLS, ожидание ответа и загрузку, и видно, где именно у региональных пользователей растёт время. Измерить: Navigation Timing и RUM по этапам (DNS, connect, TLS, TTFB, загрузка, рендер), Lighthouse и WebPageTest. Сеть: CDN ближе к пользователю, HTTP/2 или HTTP/3, preconnect к сторонним доменам. Сервер: медленный TTFB → кеширование, отдача статики с CDN, 103 Early Hints. Ресурсы: Brotli, меньше JS, code splitting, оптимизированные картинки с размерами. Рендер: критический CSS, defer для скриптов, без блокирующих сторонних скриптов. Сначала измеряю, а не угадываю. Navigation Timing в RUM разбивает загрузку на DNS, соединение, TLS, ожидание ответа и загрузку, и видно, где именно у региональных пользователей растёт время. Если долго соединение, значит далеко до сервера: ставлю CDN с точками ближе к людям, включаю HTTP/3, у которого рукопожатие короче и нет блокировки при потерях на мобильной сети, добавляю preconnect к сторонним доменам. Если большой TTFB, проблема на сервере: кеширую HTML или его части, отдаю статику с CDN, можно отправить 103 Early Hints, чтобы браузер начал грузить CSS, пока сервер думает. Если долго после ответа, смотрю на вес и порядок ресурсов: Brotli, меньше JavaScript и деление на чанки, современные форматы картинок с заданными размерами, критический CSS в head, скрипты с defer. После каждого шага сверяю метрики LCP и TTFB по тем же регионам.

Как ускорить первую загрузку

Вопрос

Попробуйте сами

Коротко

Что должно прозвучать в ответе

Что могут спросить следом

Разбор

Термины по теме

Ещё по теме «Что происходит при вводе адреса»