Сделал музыкальную страничку с десяток треков при открывании они начинают все загружаться и пока загрузка полностью не произойдет песню не прослушаешь... Если бы у мне была бы сотня то сайт бы вероятно повис....

Вот код

 <audio controls>
    <source src="audio/alekseev_-_pyanoe_solntse_(zaycev.net).mp3" type="audio/mpeg">
    Тег audio не поддерживается вашим браузером. 
    <a href="audio/HendsUp-heard.mp3">Скачайте музыку</a>.
  </audio>

А как сделать что бы сначала выводился список с кнопками управляющими, а сами песни загружались бы по выбору пользователя.

К примеру как на сайте https://xmusik.me/. Загружается трек только тогда когда его выбираем. И нагрузки на сервер нет и не виснет ..

preload=none

_____________
Безвозмездно помогаю только тем, кто сам пытается что-то сделать.

Остальным за WMR
Даже если там 10 строк кода!
Даже если мне это ничего не стоит!
Даже если вы нуб!

Если я использую JQuery...

<h3><font color="gainsboro"> Cheat Codes and Kriss Kross Amsterdam - Sex   </font></h3>
<audio controls src="/music/Cheat_Codes_and_Kriss_Kross_Amsterdam_-_Sex_(Prime-Music.net).mp3 " > </audio

 <script type='text/javascript'>
$(function() {
    $('audio').on('play', function() {
        $('audio').addClass('stoped');
        $(this).removeClass('stoped').addClass('playing');
        $('.stoped').each(function() {
            $(this).trigger('pause');
            $(this)[0].currentTime = 0;
        })
    })
})
</script>

Вот так верно будет?

<audio controls src="/music/Cheat_Codes_and_Kriss_Kross_Amsterdam_-_Sex_(Prime-Music.net).mp3 " preload = 'none' > </audio

добавь на странице только 1 блок audio

И используй Web Audio API