Подгрузка видео

Как сделать подгрузку PHP кода например по 10 записей после нажатия кнопки, либо как то ищо, проста сейчас он грузит все сразу и виснит страница.

 <?php
    $doc=file_get_contents('SU.txt');
    $lineCount = count(file('SU.txt'));
    $re = '~.*Date: ([0-9]+.[0-9]+.[0-9]+).*Time: ([0-9]+:[0-9]+).*URLid: ([a-z0-9]+).*NameSong: (.*)~';
    $subst = '<h3 style="text-align:center; width: fit-content; border-bottom: 1px solid #0384ff; margin-left: auto; margin-right: auto; color: #eeeeee;">$4</h3><p style="font-size:10px; text-align:center; line-height: 0px; color:#393e46;">$2 $1</p><p style="text-align:center;margin-bottom: 5%;"><iframe src="//coub.com/embed/$3?muted=false&autostart=false&originalSize=false&startWithHD=false" allowfullscreen frameborder="0" width="640px" height="360" allow="autoplay"></iframe></p>';
    $result = preg_replace($re, $subst, $doc, $lineCount);

    echo $result;
    ?>

Сам реализовать хз как, так как PHP начал заниматься пару дней назад. Также у меня есть вот такой пример, все што я смог реализовать это вывод текста с файла.

<?php
$linksArr = [100];

for ($i=0; $i<100; $i++){
    $linksArr[$i] = "videolink".$i;
}

echo "<div id='dataDiv' hidden>".implode('|',$linksArr)."</div>";

?>

<button id="show10">Показать 10 записей</button>

<script>
    var links = document.getElementById("dataDiv").innerText.split('|');

    var currIndex = 0;

    document.getElementById("show10").addEventListener('click',function(){
        for (var i=currIndex;i<currIndex+10;i++){
            var video = document.createElement("div");
            video.style.border = "1px solid black";
            video.innerText = links[i];
            document.body.appendChild(video);
        }
        currIndex += 10;
    });
</script>