Где именно подключать скрипты в html коде?
Всегда подключайте скрипты в конце документа. Существуют очень редкие исключения. Дело в том, что подключая скрипты пораньше вы тем самм замедляете загрузку страницы. Если вам какая-то аналитика говорит подключаться скрипт в <head> и пораньше, так это только потому, что им выгодно, чтобы сначала загрузилась их аналитика и уже только потом сам документ
Внизу. 
Допускается вверху вешать какие-нибудь loaders которые создают эффект загрузки компонентов сайта, а при полном завершении построения DOM заполнять данными. Как пример, так делают Сбер или ВТБ.