Шпаргалка по preload, prefetch, preconnect, dns-prefetch и prerender
<link rel="preload"> — когда вам понадобится ресурс через несколько секунд<link rel="prefetch"> — когда понадобится ресурс на следующей странице<link rel="preconnect"> — когда вы знаете, что вам скоро понадобится ресурс, но вы ещё не знаете его полный URL<link rel="dns-prefetch"> — аналогично, когда вы знаете, что вам скоро понадобится ресурс, но вы ещё не знаете его полный URL (для старых браузеров)<link rel="prerender"> — когда вы уверены, что пользователи перейдут на определённую страницу, и хотите ускорить её отображение