Чем отличаются prefetch и preload?

preload — загружает ресурс с высоким приоритетом для ТЕКУЩЕЙ страницы. Используй для критичных шрифтов, CSS, hero-изображений. . prefetch — загружает с низким приоритетом для БУДУЩИХ навигаций. Браузер скачивает в idle time. . preconnect — устанавливает соединение с доменом заранее (DNS + TCP + TLS). Неправильный preload может навредить — загружает ненужное с высоким приоритетом.