Use afterNextFrame for hidden origins

.changeset/selfish-news-perform.md

@@ -0,0 +1,5 @@
+---
+"@preact/signals": patch
+---
+
+Bail out of the animation frame with a setTimeout in case the origin page is hidden

packages/preact/src/index.ts

@@ -388,10 +388,22 @@ export function useComputed<T>(compute: () => T) {
 	return useMemo(() => computed<T>(() => $compute.current()), []);
 }
 
+const HAS_RAF = typeof requestAnimationFrame == "function";
+function afterNextFrame(callback: () => void) {
+	let raf: number | undefined;
+
+	const done = () => {
+		clearTimeout(timeout);
+		if (raf != null) cancelAnimationFrame(raf);
+		callback();
+	};
+
+	const timeout = setTimeout(done, 100);
+	if (HAS_RAF) raf = requestAnimationFrame(done);
+}
+
 const deferEffects =
-	typeof requestAnimationFrame === "undefined"
-		? setTimeout
-		: requestAnimationFrame;
+	typeof requestAnimationFrame === "undefined" ? setTimeout : afterNextFrame;
 
 const deferDomUpdates = (cb: any) => {
 	queueMicrotask(() => {