Тормозит страница с несколькими iframe

Update:

Ввиду специфики работы отложил проекты в сторону. Недавно вернулся и с новым опытом решил вопрос по остановке рендера. Публикую на всякий случай, кому-то может пригодится.

В проекте нужно найти файл с именем “названиемПроекта.js“. В нем в конце будет пустая функция runCode(app). В нее я поместил код с IntersectionObserver, который отслеживает попадает ли контейнер с приложением verge3d во вьюпорт. Если попадает, то включает рендеринг приложения, если не попадает, то выключает.

На трех проектах проблему зависаний при просмотре сайта решил таким путем.

Код:

function runCode(app) {
    // add your code here, e.g. console.log('Hello, World!');

    const cnvContainer = app.container;

    const options = {
      threshold: 0.1
    };

    const callback = function (entries, observer) {

      entries.forEach((entry) => {
        if (entry.isIntersecting == true) {
          app.enableRendering();
        } else {
          app.disableRendering();
        }
      });
    };

    const observer = new IntersectionObserver(callback, options);
    observer.observe(cnvContainer);
  }