Как лучше всего отсрочить прогрузку iframe?

1

<iframe src="..." loading="lazy"></iframe>

1
2
3
4
5
6
7
8
9

<div id="iframeContainer"></div>

<script>
  setTimeout(function() {
    var iframe = document.createElement('iframe');
    iframe.src = "...";
    document.getElementById('iframeContainer').appendChild(iframe);
  }, 2000); // Задержка загрузки на 2 секунды
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

<div id="iframeContainer"></div>

<script>
  var observer = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        var iframe = document.createElement('iframe');
        iframe.src = "...";
        document.getElementById('iframeContainer').appendChild(iframe);
        observer.unobserve(entry.target);
      }
    });
  });

  observer.observe(document.getElementById('iframeContainer'));
</script>