Как ускорить загрузку страницы с большим количеством изображений

Question

При запуске этого на странице загрузка страницы занимает много времени и останавливается, а затем за один раз показывает все, есть ли способ, как я могу быстро?

я пытался сохранить эту часть в .html и отобразить ее оттуда по-прежнему не имеет значения, также попытался использовать lozad.js для загрузки изображений, все еще делает то же самое

<div class='person-videos-text'>    
            <div class="row">

            <?php
                while($row = mysqli_fetch_assoc($recentTreningVideos))
                {
                    $TrendImageURL = $row['youtubethumbnail'];
                    $TrendSongName = $row['musicvideotitle'];
                    $TrendCleanSongname = $row['songname'];

                    $name = $row['youtubethumbnail'];

                    $rippedUrl = explode("/",$name);

                    //print_r($rippedUrl);

                    $hostt = $rippedUrl[0];
                    $hostUrl = $rippedUrl[2];
                    $imageNameVi = $rippedUrl[3];
                    $imageNameUrl = $rippedUrl[4];
                    $imageType = $rippedUrl[5];
            ?>

             <div class="column trending">
                <div class="card">
                <a href="viewactors.php?songname=<?php echo $TrendCleanSongname; ?>">
                  <img class="trending-image-size" src="cached/<?php echo $imageNameUrl;?>/<?php echo $imageType; ?>" alt="John">
                  <div class="person-container">
                    <!--<h2>John Doe</h2>-->
                    <p class="title trending-title"><?php echo $TrendSongName; ?></p>
                    <!--<p>Some text that describes me lorem ipsum ipsum lorem.</p>
                    <p>example@example.com</p>
                    <p><button class="button">Contact</button></p>-->
                  </div>
                </a>
                </div>
              </div>

            <?php } ?>         
            </div>      
        </div>