Ответ
Prefetching — это техника предварительной загрузки ресурсов, которые могут понадобиться пользователю в ближайшем будущем. Это улучшает производительность, сокращая время ожидания при переходе между страницами или загрузке контента.
Виды prefetching:
- DNS-prefetch — предварительное разрешение доменных имен
- Link prefetching — загрузка ресурсов (HTML, CSS, JS, изображения)
- Prerendering — полная предварительная отрисовка страницы
Пример использования:
<link rel="prefetch" href="/next-page.html" as="document">
<link rel="dns-prefetch" href="https://api.example.com">Когда применять:
- Для критически важных ресурсов
- При предсказуемом пользовательском потоке (например, пагинация или многошаговые формы)
- Для внешних ресурсов (шрифты, CDN)
⚠️ Важно не злоупотреблять, чтобы не тратить трафик пользователя впустую.
Ответ 18+ 🔞
А, слушай, смотри, есть такая штука — prefetching, ну, предзагрузка, если по-нашему. Суть простая, как три копейки: ты заранее, пока пользователь ещё не нажал, начинаешь тащить в кэш всякое нужное барахло, которое ему вот-вот понадобится. Получается, когда он таки решит кликнуть — всё уже лежит, готовое! Скорость, блядь, взлетает так, что мама не горюй. Никаких этих дурацких крутилок-загрузок.
Ну и какие бывают, эти предзагрузки:
- DNS-prefetch — это когда ты заранее выясняешь, где живёт нужный сервер (типа "пробиваешь адресок"), чтобы потом не тратить на это время.
- Link prefetching — вот это уже по-взрослому: ты прямо начинаешь качать следующую страницу, скрипты или картинки, которые, скорее всего, пригодятся.
- Prerendering — это вообще, ёпта, полный улёт! Ты не просто качаешь, а втихую уже ВСЮ страницу в фоне рисуешь, как будто она открыта. Пользователь кликает — а она уже готова, как будто волшебство, блядь!
Вот, смотри, как это в коде выглядит, просто бомба:
<link rel="prefetch" href="/next-page.html" as="document">
<link rel="dns-prefetch" href="https://api.example.com">А теперь главное — когда эту мощь применять, а то идиотов развелось, которые всё подряд префетчат:
- Для самого важного, без чего сайт — говно.
- Когда ты точно, как будто в карты заглянул, знаешь, куда пользователь пойдёт дальше (например, по кнопкам "Вперёд" в галерее или по шагам в оформлении заказа).
- Для всякого левого добра со сторонних сервисов — шрифтов там, библиотек.
⚠️ И вот тут, блядь, внимание, золотое правило: НЕ ПЕРЕБОРЩИ! А то начнёшь префетчить всё подряд, а пользователь-то, может, и не пойдёт туда. Получится, ты ему весь его мобильный трафик впустую сожрал, пидарас шерстяной. Чувство меры, ёпта, главное!