Preload
Preload это способ указать браузеру заранее загрузить критически важные ресурсы страницы до того, как они понадобятся при рендеринге. Это инструмент оптимизации скорости загрузки сайта.
Обновлено: 13 июля 2026Как это работает
Через тег link с атрибутом rel="preload" разработчик сообщает браузеру, какие файлы, шрифты, ключевые изображения, стили или скрипты, нужны в первую очередь. Браузер начинает качать их с высоким приоритетом параллельно с разбором страницы, не дожидаясь, пока дойдёт до них по ходу рендеринга. В итоге важный контент появляется раньше.
Зачем это бизнесу
Preload помогает убрать задержки при отрисовке первого экрана, того, что посетитель видит сразу. Более быстрый показ снижает число отказов и улучшает показатели скорости, которые учитывают поисковые системы. Важно применять его точечно: если пометить как preload слишком много, приоритеты собьются и эффект будет обратным.
Разработка и поддержка сайтов в наших проектах
Термин «Preload» относится к направлению «Разработка и поддержка сайтов». Ниже проекты, где мы это направление вели. Цифры из отчётов и систем аналитики клиентов, не расчётные.
Частые вопросы
Чем preload отличается от prefetch?
Preload грузит ресурсы, критичные для текущей страницы, с высоким приоритетом. Prefetch заранее подтягивает то, что может понадобиться на следующих страницах, с низким приоритетом и на будущее.
Можно ли предзагружать всё подряд?
Нет. Preload стоит применять только к действительно критичным ресурсам. Избыток предзагрузок перегружает канал, сбивает приоритеты и замедляет страницу вместо ускорения.