icon

web/dist/api.js

@@ -117,13 +117,23 @@ export function subscribe(after, filter, onEvent, onState, onReady) {
             check();
         }
     };
-    const interval = setInterval(check, 5_000);
-    addEventListener("online", connect);
-    document.addEventListener("visibilitychange", onVisible);
-    connect();
+    let interval = 0;
+    const start = () => {
+        interval = setInterval(check, 5_000);
+        addEventListener("online", connect);
+        document.addEventListener("visibilitychange", onVisible);
+        connect();
+    };
+    if (document.readyState === "complete") {
+        start();
+    }
+    else {
+        addEventListener("load", start, { once: true });
+    }
     return () => {
         clearInterval(interval);
         clearTimeout(retry);
+        removeEventListener("load", start);
         removeEventListener("online", connect);
         document.removeEventListener("visibilitychange", onVisible);
         source?.close();

web/src/api.ts

@@ -186,13 +186,23 @@ export function subscribe(
     }
   };
 
-  const interval = setInterval(check, 5_000);
-  addEventListener("online", connect);
-  document.addEventListener("visibilitychange", onVisible);
-  connect();
+  let interval = 0;
+  const start = () => {
+    interval = setInterval(check, 5_000);
+    addEventListener("online", connect);
+    document.addEventListener("visibilitychange", onVisible);
+    connect();
+  };
+
+  if (document.readyState === "complete") {
+    start();
+  } else {
+    addEventListener("load", start, { once: true });
+  }
   return () => {
     clearInterval(interval);
     clearTimeout(retry);
+    removeEventListener("load", start);
     removeEventListener("online", connect);
     document.removeEventListener("visibilitychange", onVisible);
     source?.close();