fix(entry): update visiblity check

src/runtime/utils/entry.js

@@ -72,6 +72,18 @@ export const hasBatteryPerformanceIssue = async videoBlob => {
   }
 };
 
+export const waitForVisibilty = () => {
+  const { promise, resolve } = Promise.withResolvers();
+  if (document.visibilityState === 'hidden') {
+    document.addEventListener('visibilitychange', resolve, {
+      once: true
+    });
+  } else {
+    resolve();
+  }
+  return promise;
+};
+
 /**
  * Checks if battery still has enough energy.
  * This check is for Chrome and all other browsers that support this setting.

src/runtime/utils/performance.js

@@ -72,22 +72,8 @@ export const getDefaultRunOptions = () => {
   return { maxTime: 1000, threshold: 0.65 };
 };
 
-export const waitForVisibleDocument = () => {
-  return new Promise(resolve => {
-    if (document.visibilityState === 'hidden') {
-      document.addEventListener('visibilitychange', () => resolve(), {
-        once: true
-      });
-    } else {
-      resolve();
-    }
-  });
-};
-
 export const run = async (options = {}) => {
   if (window.requestIdleCallback) {
-    await waitForVisibleDocument();
-
     const { maxTime, threshold } = { ...getDefaultRunOptions(), ...options };
     const fpsObserver = new CallbackObserver(rafTime);
     const idleObserver = new CallbackObserver(idleTime);

src/tmpl/entry.tmpl.js

@@ -2,7 +2,7 @@ export default options => {
   let code = `import { ${
     options.performanceCheck ? `run, ` : ``
   }hasSufficientPerformance, setup } from '#booster/utils/performance';
-import { triggerRunCallback, observeBoosterButton, setupBoosterLayer, updateBoosterLayerMessage, initReducedView, hasBatteryPerformanceIssue, deprecationWarningButtonSelector } from '#booster/utils/entry';
+import { waitForVisibilty, triggerRunCallback, observeBoosterButton, setupBoosterLayer, updateBoosterLayerMessage, initReducedView, hasBatteryPerformanceIssue, deprecationWarningButtonSelector } from '#booster/utils/entry';
 import Deferred from '#booster/classes/Deferred';
 import { isSupportedBrowser } from '#booster/utils/browser';
 import {video as videoBlob} from './blobs.mjs';
@@ -52,6 +52,8 @@ function client () {
       deferred.resolve();
     }
 
+    await waitForVisibilty();
+
     document.documentElement.classList.remove('nuxt-booster-reduced-view');
 
     `;