Цель предварительного подключения - разрешить браузеру устанавливать ранние подключения до того, как HTTP-запрос будет фактически отправлен на сервер . Это включает DNS-запросы, TLS-согласования, TCP-подтверждения. Это, в свою очередь, устраняет задержку в обоих направлениях и экономит время пользователей.
Даже в html вы добавляете значение preconnect в тег head. Это не имеет никакого смысла, если вы добавите его в тег body, поскольку это будет действовать как элемент блокировки рендеринга.