Let_peace

<button type="submit" name="signup"> Sign in</button>

Исправь на:

<button type="submit" name="signin"> Sign in</button>

<div class="shopcart__item-quanity">
                  <select class="cart_qty">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                  </select>
                </div>   

                <div class="shopcart__item-unitprice">
                 1340
                </div>

                <div class="shopcart__item-discount">
                  200
                </div>

                <div class="shopcart__item-total" data-price = "1140">
                  1140
                </div>

$('.cart_qty option').change(function() {
    var qty = this.value;
    console.log(qty)
 
    var total = $('.shopcart__item-total').attr('data-price');
    sum = parseInt(total) * qty;
    console.log(sum);
    $('.shopcart__item-total').html(sum);
});

Возможно, вы загружаете картинки очень большого размера, проверьте это.
Также обычно подвисает, когда (при определенном скролле) скрипт начинает показывать отдельные части страницы. Сама проблема скорее всего заключается в медленной скорости выполнения кода (он написан "от балды" и не оптимизирован).

Можешь подключить jQuery и использовать следующий алгоритм:

$.getJSON('json/account.json', function (data) {
    var out=data['Name'];
    $('#nickname-menu').html(out);
}