js youtube iframe erteleme sorunu

youtube iframe i siteden kaldırınca "Kullanılmayan JavaScript'i azaltın"uyarısı 7.5 sn den 2.5 snye düşüyor puan 49 dan 71 e çıkıyor, bu bölümde de hata olarak en üstte base.js vs gibi yt dosyaları var. araştırınca bunu ertelemeyi öğrendim iframe de src yi boş bırakıp kapsayıcı divine data-id olarak ekledim aşağıdaki fonksiyonu yazdım ve sayfa yüklenince çalıştırmaya çalışıyorum ancak yüklenme süresi açısından direkt çalıştırmakla sayfa yüklenince çalıştırmak arasında google dev tool un network kısmında pek bi fark gözükmedi. pagespeed de hala 49 puan veriyor işe yaramadı gibi bunu nasıl çözebilirim.

sayfaya çektiğim kod footer ın en altında;
<script src="/assets/js/youtube-iframe.js" defer></script>

ilgili js;

function initYouTubeVideos(){
    var playerElements = document.getElementsByClassName('youtube-iframe-wrapper');
    for (var n = 0; n < playerElements.length; n++) {
        var videoId = playerElements[n].dataset.id;
        if(videoId) {
playerElements[n].innerHTML = '<iframe class="youtube-iframe" loading="lazy" src="https://www.youtube.com/embed/' + videoId + '" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
        }
    }
}

window.onload = initYouTubeVideos;

https://codepen.io/tutsplus/pen/RRVRMo

Async function ile settimeout oluşturabilirsiniz. İki saniye gibi bir süre sonra video yüklenir böylece sorun çıkmaz. Yani 2000ms yazılabilir.

bi türlü şuna denk gelememiştim bir sürü şey bakmıştım, sağolun hocam resim gösterip clickte iframe e çevirmek daha mantıklı evet

onu yapmak istemiyorum hocam çünkü video şeyi sonuçta sayfa yüklendiği gibi gelsin, 2. girişlerde vs 0.5 saniye civarı sürüyor cache sayesinde, ilk giriş uzun sadece yani ilk giriş 2. giriş olayındaki süre farkı fazla şuan