Preload vs Prefetch. Это спросят на собесе!

Preload и prefetch это директивы для браузера которые улучшают производительность загрузки ресурсов но работают по-разному.
Preload говорит браузеру: загрузи этот ресурс прямо сейчас он точно понадобится на этой странице.
Используется для критических ресурсов шрифтов героев важных скриптов.
Prefetch говорит: загрузи этот ресурс в фоне когда будет свободное время потому что он понадобится на следующей странице.
Используется для предзагрузки данных или JS-бандлов следующего роута.
Главное отличие: preload срочно и сейчас prefetch на будущее и в фоне.
На собеседовании Middle и Senior фронтенд-разработчика спросят не только про разницу но и про то как это настраивается через link rel и когда что применять.
Полный разбор стратегий оптимизации загрузки в большом видео по ссылке под этим шортсом.
Подписывайтесь чтобы не пропустить остальные вопросы с фронтенд-собеседований. preload prefetch frontend frontendinterview middle senior techinterview codinginterview

Источник: rutube.ru