Как сделать, что бы Iframe грузился после того, как загрузится весь контент сайта?

Question

[Даниил Конев]

https://decart.webtm.ru/kalkulyator/

У партнера он ставится только через Iframe, страница грузится очень долго, сам калькулятор так же тяжелый. Помню, что на JS можно сделать загрузку после, того как загрузится весь сайт. Через обычный html файл калькулятор быстро грузится.

Из вариантов попробовать:

var windowOnloadAdd = function (event) {
       if ( window.onload ){
          window.onload = window.onload + event;
       } else {
          window.onload = event;
       };
    };

    windowOnloadAdd(function() {
       // Ваш скрипт
    });

Answer 1

[dollar]

Можно попробовать не указывать src у iframe в html-коде.

document.getElementById("iframe_id").src = "some_url";

Comments

[Даниил Конев]

Спасибо добрый человек! Теперь страница быстро грузится!

Код выглядит так:

<iframe id="calcAmigo" height="640px" width="100%"></iframe>
<script>
var windowOnloadAdd = function (event) {
       if ( window.onload ){
          window.onload = window.onload + event;
       } else {
          window.onload = event;
       };
    };

    windowOnloadAdd(function() {
       document.getElementById("calcAmigo").src = "https://81adcaf58307d2589d4c66bdc2d7e3e8.customizer.amigo.ru";
    });
	
</script>

Answer 2

[zkrvndm]

Там где должен быть фрейм вставь следующий скрипт:

<script id="iframe_loader">
	window.addEventListener('load', function() {
		document.querySelector('#iframe_loader').outerHTML = '<iframe src="https://81adcaf58307d2589d4c66bdc2d7e3e8.customizer.amigo.ru" id="calcAmigo" height="640px" width="100%"></iframe>';
	});
</script>