На нашей странице рендеринг холста продолжался даже в фоновом режиме. Когда вкладка не видна, Chrome регулирует изменения пользовательского интерфейса для экономии заряда батареи и производительности. При возврате на одну и ту же вкладку все операции рендеринга выполняются сразу, и это делает страницу пустой и не отвечает.
Мы ввели window.requestAnimationFrame API браузера, что решило проблему. requestAnimationFrame останавливает функцию рендеринга, когда вкладка становится невидимой, и возобновляет работу при возврате к той же вкладке.
Мы изменили значение с:
render();
на
requestAnimationFrame(render);
проверьте этот ответ для дальнейшего понимания
Отвечая на собственный вопрос, так как это может кому-то помочь.