Сталкивался ли с Prefetch

«Сталкивался ли с Prefetch» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

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

Основные способы:

  1. <link rel="prefetch" href="page.html"> — предзагрузка HTML
  2. <link rel="prefetch" href="script.js" as="script"> — предзагрузка JS с указанием типа

Пример использования:

<link rel="prefetch" href="/products.json" as="fetch">
<link rel="prefetch" href="/next-page.html" as="document">

Нюансы:

  • Браузер выполняет prefetch с низким приоритетом
  • Ресурсы кэшируются, но не исполняются
  • Лучше использовать для критически важных ресурсов
  • Можно комбинировать с preload для более важных ресурсов

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