Термин

Preload: ранняя загрузка важного ресурса

Preload — указание браузеру заранее начать загрузку ресурса, который скоро понадобится текущей странице.

Что означает термин#

Подсказка задаётся через link rel="preload" с адресом и типом as. Она не выполняет JavaScript и не применяет таблицу стилей самостоятельно. Предварительно загружать всё подряд нерационально: ресурсы конкурируют за соединение и полосу передачи.

Практический пример#

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

Как проверить#

Снимите waterfall до и после изменения. Проверьте совпадение URL, as, типа и cross-origin режима с настоящим потребителем ресурса. Посмотрите предупреждения об unused preload. Сравнивайте одинаковые условия и главный контент: более ранний старт одного файла не гарантирует ускорения страницы в целом.

Источники#

Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Применить на практике

Продолжить разбор