diff --git a/src/components/micro-frame-slot/marko-tag.json b/src/components/micro-frame-slot/marko-tag.json
index a2db6ae..4259621 100644
--- a/src/components/micro-frame-slot/marko-tag.json
+++ b/src/components/micro-frame-slot/marko-tag.json
@@ -25,6 +25,14 @@
       }
     ]
   },
+  "@timeout": {
+    "type": "number",
+    "autocomplete": [
+      {
+        "description": "An idle timeout in ms after which the request is ended (default 30 seconds)"
+      }
+    ]
+  },
   "@catch <catch>": {
     "attributes": {},
     "autocomplete": [
diff --git a/src/components/micro-frame-sse/README.md b/src/components/micro-frame-sse/README.md
index 27c02ca..a07d1ad 100644
--- a/src/components/micro-frame-sse/README.md
+++ b/src/components/micro-frame-sse/README.md
@@ -179,6 +179,15 @@ Flag indicate if the slot need to be streamed out-of-order. Please refer to [cli
 <micro-frame-slot from="..." slot="..." client-reorder />
 ```
 
+## `timeout` in slot
+
+A timeout in `ms` (defaults to 30s) that will prematurely abort the slot. This will trigger the `<@catch>` if provided.
+If set to `0` the request will not time out.
+
+```marko
+<micro-frame-slot src="..." name="..." timeout=0/>
+```
+
 ## `<@catch|err|>`
 
 An [attribute tag](https://markojs.com/docs/syntax/#attribute-tag) rendered when there is a network error or timeout.
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.0.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.0.html
new file mode 100644
index 0000000..fa43e92
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.0.html
@@ -0,0 +1,16 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+>
+  <noscript
+    id="GENERATED-1"
+  />
+</div>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-2"
+/>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.1.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.1.html
new file mode 100644
index 0000000..c954801
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.1.html
@@ -0,0 +1,20 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+>
+  <noscript
+    id="GENERATED-1"
+  />
+</div>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-2"
+>
+  <p>
+    test_html for slot_1
+  </p>
+</div>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.2.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.2.html
new file mode 100644
index 0000000..ac77e3b
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.2.html
@@ -0,0 +1,46 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+>
+  <noscript
+    id="GENERATED-1"
+  />
+</div>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-2"
+>
+  <p>
+    test_html for slot_1
+  </p>
+  next chunk for slot_1
+</div>
+<div
+  data-from="test"
+  data-slot="slot_2"
+  id="GENERATED-3"
+>
+  <p>
+    test_html for slot_2
+  </p>
+</div>
+non-reorder data
+<div
+  id="GENERATED-4"
+  style="display:none"
+>
+  <noscript
+    id="GENERATED-5"
+  />
+</div>
+<div
+  id="GENERATED-6"
+  style="display:none"
+/>
+<script>
+  function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b&lt;f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b&lt;f;b++)c(a[b])}};$af(0);$af(1)
+</script>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.3.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.3.html
new file mode 100644
index 0000000..330ba25
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder-false/renders.expected/loading.3.html
@@ -0,0 +1,38 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+/>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-1"
+>
+  <p>
+    test_html for slot_1
+  </p>
+  next chunk for slot_1
+</div>
+<div
+  data-from="test"
+  data-slot="slot_2"
+  id="GENERATED-2"
+>
+  <p>
+    test_html for slot_2
+  </p>
+</div>
+non-reorder data
+<div
+  id="GENERATED-3"
+  style="display:none"
+/>
+<div
+  id="GENERATED-4"
+  style="display:none"
+/>
+<script>
+  function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b&lt;f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b&lt;f;b++)c(a[b])}};$af(0);$af(1)
+</script>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.1.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.1.html
index 676741c..fd930b2 100644
--- a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.1.html
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.1.html
@@ -27,25 +27,4 @@
     id="GENERATED-5"
   />
 </div>
-<div
-  id="GENERATED-6"
-  style="display:none"
->
-  <noscript
-    id="GENERATED-7"
-  />
-</div>
-<div
-  id="GENERATED-8"
-  style="display:none"
->
-  <p>
-    test_html for slot_1
-  </p>
-  <noscript
-    id="GENERATED-9"
-  />
-</div>
-<script>
-  function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b&lt;f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b&lt;f;b++)c(a[b])}};$af(0);$af(1)
-</script>
\ No newline at end of file
+non-reorder data
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.2.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.2.html
index 70a575f..d5c079c 100644
--- a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.2.html
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.2.html
@@ -14,9 +14,6 @@
   data-slot="slot_1"
   id="GENERATED-2"
 >
-  <p>
-    test_html for slot_1
-  </p>
   <noscript
     id="GENERATED-3"
   />
@@ -30,14 +27,26 @@
     id="GENERATED-5"
   />
 </div>
+non-reorder data
 <div
   id="GENERATED-6"
   style="display:none"
-/>
+>
+  <noscript
+    id="GENERATED-7"
+  />
+</div>
 <div
-  id="GENERATED-7"
+  id="GENERATED-8"
   style="display:none"
-/>
+>
+  <p>
+    test_html for slot_1
+  </p>
+  <noscript
+    id="GENERATED-9"
+  />
+</div>
 <script>
   function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b&lt;f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b&lt;f;b++)c(a[b])}};$af(0);$af(1)
 </script>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.3.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.3.html
index 1c4e0ba..69de8ea 100644
--- a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.3.html
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.3.html
@@ -30,6 +30,7 @@
     id="GENERATED-5"
   />
 </div>
+non-reorder data
 <div
   id="GENERATED-6"
   style="display:none"
@@ -40,18 +41,4 @@
 />
 <script>
   function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b&lt;f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b&lt;f;b++)c(a[b])}};$af(0);$af(1)
-</script>
-<div
-  id="GENERATED-8"
-  style="display:none"
->
-  <p>
-    test_html for slot_2
-  </p>
-  <noscript
-    id="GENERATED-9"
-  />
-</div>
-<script>
-  $af(2)
 </script>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.4.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.4.html
index d58d12c..efb1493 100644
--- a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.4.html
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.4.html
@@ -26,13 +26,11 @@
   data-slot="slot_2"
   id="GENERATED-4"
 >
-  <p>
-    test_html for slot_2
-  </p>
   <noscript
     id="GENERATED-5"
   />
 </div>
+non-reorder data
 <div
   id="GENERATED-6"
   style="display:none"
@@ -47,7 +45,14 @@
 <div
   id="GENERATED-8"
   style="display:none"
-/>
+>
+  <p>
+    test_html for slot_2
+  </p>
+  <noscript
+    id="GENERATED-9"
+  />
+</div>
 <script>
   $af(2)
 </script>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.5.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.5.html
index 0919d1d..88ad29f 100644
--- a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.5.html
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.5.html
@@ -33,6 +33,7 @@
     id="GENERATED-5"
   />
 </div>
+non-reorder data
 <div
   id="GENERATED-6"
   style="display:none"
@@ -50,28 +51,4 @@
 />
 <script>
   $af(2)
-</script>
-<div
-  id="GENERATED-9"
-  style="display:none"
-/>
-<div
-  id="GENERATED-10"
-  style="display:none"
->
-  next chunk for slot_1
-  <noscript
-    id="GENERATED-11"
-  />
-</div>
-<div
-  id="GENERATED-12"
-  style="display:none"
-/>
-<div
-  id="GENERATED-13"
-  style="display:none"
-/>
-<script>
-  $af(3);$af(4);$af(5);$af(6)
 </script>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.6.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.6.html
index 44773ba..1f33269 100644
--- a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.6.html
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.6.html
@@ -4,58 +4,73 @@
 <div
   data-src="embed"
   id="GENERATED-0"
-/>
+>
+  <noscript
+    id="GENERATED-1"
+  />
+</div>
 <div
   data-from="test"
   data-slot="slot_1"
-  id="GENERATED-1"
+  id="GENERATED-2"
 >
   <p>
     test_html for slot_1
   </p>
-  next chunk for slot_1
+  <noscript
+    id="GENERATED-3"
+  />
 </div>
 <div
   data-from="test"
   data-slot="slot_2"
-  id="GENERATED-2"
+  id="GENERATED-4"
 >
   <p>
     test_html for slot_2
   </p>
+  <noscript
+    id="GENERATED-5"
+  />
 </div>
+non-reorder data
 <div
-  id="GENERATED-3"
+  id="GENERATED-6"
   style="display:none"
 />
 <div
-  id="GENERATED-4"
+  id="GENERATED-7"
   style="display:none"
 />
 <script>
   function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b&lt;f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b&lt;f;b++)c(a[b])}};$af(0);$af(1)
 </script>
 <div
-  id="GENERATED-5"
+  id="GENERATED-8"
   style="display:none"
 />
 <script>
   $af(2)
 </script>
 <div
-  id="GENERATED-6"
+  id="GENERATED-9"
   style="display:none"
 />
 <div
-  id="GENERATED-7"
+  id="GENERATED-10"
   style="display:none"
-/>
+>
+  next chunk for slot_1
+  <noscript
+    id="GENERATED-11"
+  />
+</div>
 <div
-  id="GENERATED-8"
+  id="GENERATED-12"
   style="display:none"
 />
 <div
-  id="GENERATED-9"
+  id="GENERATED-13"
   style="display:none"
 />
 <script>
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.7.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.7.html
new file mode 100644
index 0000000..c4fa003
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-client-reorder/renders.expected/loading.7.html
@@ -0,0 +1,64 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+/>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-1"
+>
+  <p>
+    test_html for slot_1
+  </p>
+  next chunk for slot_1
+</div>
+<div
+  data-from="test"
+  data-slot="slot_2"
+  id="GENERATED-2"
+>
+  <p>
+    test_html for slot_2
+  </p>
+</div>
+non-reorder data
+<div
+  id="GENERATED-3"
+  style="display:none"
+/>
+<div
+  id="GENERATED-4"
+  style="display:none"
+/>
+<script>
+  function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b&lt;f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b&lt;f;b++)c(a[b])}};$af(0);$af(1)
+</script>
+<div
+  id="GENERATED-5"
+  style="display:none"
+/>
+<script>
+  $af(2)
+</script>
+<div
+  id="GENERATED-6"
+  style="display:none"
+/>
+<div
+  id="GENERATED-7"
+  style="display:none"
+/>
+<div
+  id="GENERATED-8"
+  style="display:none"
+/>
+<div
+  id="GENERATED-9"
+  style="display:none"
+/>
+<script>
+  $af(3);$af(4);$af(5);$af(6)
+</script>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.0.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.0.html
new file mode 100644
index 0000000..fa43e92
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.0.html
@@ -0,0 +1,16 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+>
+  <noscript
+    id="GENERATED-1"
+  />
+</div>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-2"
+/>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.1.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.1.html
new file mode 100644
index 0000000..c954801
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.1.html
@@ -0,0 +1,20 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+>
+  <noscript
+    id="GENERATED-1"
+  />
+</div>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-2"
+>
+  <p>
+    test_html for slot_1
+  </p>
+</div>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.2.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.2.html
new file mode 100644
index 0000000..5e55754
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.2.html
@@ -0,0 +1,29 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+>
+  <noscript
+    id="GENERATED-1"
+  />
+</div>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-2"
+>
+  <p>
+    test_html for slot_1
+  </p>
+</div>
+<div
+  data-from="test"
+  data-slot="slot_2"
+  id="GENERATED-3"
+>
+  <p>
+    test_html for slot_2
+  </p>
+</div>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.3.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.3.html
new file mode 100644
index 0000000..a1c6931
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.3.html
@@ -0,0 +1,44 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+>
+  <noscript
+    id="GENERATED-1"
+  />
+</div>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-2"
+>
+  <p>
+    test_html for slot_1
+  </p>
+</div>
+<div
+  data-from="test"
+  data-slot="slot_2"
+  id="GENERATED-3"
+>
+  <p>
+    test_html for slot_2
+  </p>
+</div>
+<div
+  id="GENERATED-4"
+  style="display:none"
+>
+  <noscript
+    id="GENERATED-5"
+  />
+</div>
+<div
+  id="GENERATED-6"
+  style="display:none"
+/>
+<script>
+  function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b&lt;f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b&lt;f;b++)c(a[b])}};$af(0);$af(1)
+</script>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.4.html b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.4.html
new file mode 100644
index 0000000..6a842df
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/__snapshots__/micro-frame-sse/ssr-timeout/renders.expected/loading.4.html
@@ -0,0 +1,36 @@
+<div>
+  Host app
+</div>
+<div
+  data-src="embed"
+  id="GENERATED-0"
+/>
+<div
+  data-from="test"
+  data-slot="slot_1"
+  id="GENERATED-1"
+>
+  <p>
+    test_html for slot_1
+  </p>
+</div>
+<div
+  data-from="test"
+  data-slot="slot_2"
+  id="GENERATED-2"
+>
+  <p>
+    test_html for slot_2
+  </p>
+</div>
+<div
+  id="GENERATED-3"
+  style="display:none"
+/>
+<div
+  id="GENERATED-4"
+  style="display:none"
+/>
+<script>
+  function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b&lt;f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b&lt;f;b++)c(a[b])}};$af(0);$af(1)
+</script>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/embed.marko b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/embed.marko
new file mode 100644
index 0000000..24126ed
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/embed.marko
@@ -0,0 +1,25 @@
+import { wait } from "../../../../../__tests__/queue";
+import fs from "fs";
+import path from "path";
+
+$ const slot_1_html = fs.readFileSync(path.resolve(__dirname ,'slot_1.html'), 'utf8');
+$ const slot_2_html = fs.readFileSync(path.resolve(__dirname ,'slot_2.html'), 'utf8');
+$ const first = `id: slot_1\ndata: ${slot_1_html.replace(/\r?\n/g, '')}\n\n`;
+$ const second = `id: slot_2\ndata: ${slot_2_html.replace(/\r?\n/g, '')}\n\n`;
+$ const third = `id: slot_1\ntype: update\ndata: next chunk for slot_1`;
+
+<await(wait())>
+  <@then>
+    $!{first}
+    <await(wait())>
+      <@then>
+        $!{second}
+        <await(wait())>
+          <@then>
+            $!{third}
+          </@then>
+        </await>
+      </@then>
+    </await>
+  </@then>
+</await>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/index.marko b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/index.marko
new file mode 100644
index 0000000..5ccc2b3
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/index.marko
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Simple Example</title>
+  <esbuild-assets/>
+</head>
+<body>
+  <div>Host app</div>
+<micro-frame-sse src="embed" name="test" read=(e => [e.lastEventId, e.data]) />
+<micro-frame-slot from="test" slot="slot_1" />
+<micro-frame-slot from="test" slot="slot_2" />
+<await(new Promise(res => setTimeout(() => res('non-reorder data'))))>
+  <@then|result|>
+    ${result}
+  </@then>
+</await>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/slot_1.html b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/slot_1.html
new file mode 100644
index 0000000..e4f8443
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/slot_1.html
@@ -0,0 +1 @@
+<p>test_html for slot_1</p>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/slot_2.html b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/slot_2.html
new file mode 100644
index 0000000..bc6bb6a
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder-false/slot_2.html
@@ -0,0 +1 @@
+<p>test_html for slot_2</p>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder/index.marko b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder/index.marko
index dc639a0..a3a0544 100644
--- a/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder/index.marko
+++ b/src/components/micro-frame-sse/__tests__/fixtures/ssr-client-reorder/index.marko
@@ -11,5 +11,10 @@
 <micro-frame-sse src="embed" name="test" read=(e => [e.lastEventId, e.data]) />
 <micro-frame-slot from="test" slot="slot_1" client-reorder />
 <micro-frame-slot from="test" slot="slot_2" client-reorder />
+<await(new Promise(res => setTimeout(() => res('non-reorder data'))))>
+  <@then|result|>
+    ${result}
+  </@then>
+</await>
 </body>
 </html>
diff --git a/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/embed.marko b/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/embed.marko
new file mode 100644
index 0000000..7551961
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/embed.marko
@@ -0,0 +1,25 @@
+import { wait } from "../../../../../__tests__/queue";
+import fs from "fs";
+import path from "path";
+
+$ const slot_1_html = fs.readFileSync(path.resolve(__dirname ,'slot_1.html'), 'utf8');
+$ const slot_2_html = fs.readFileSync(path.resolve(__dirname ,'slot_2.html'), 'utf8');
+$ const first = `id: slot_1\ndata: ${slot_1_html.replace(/\r?\n/g, '')}\n\n`;
+$ const second = `id: slot_2\ndata: ${slot_2_html.replace(/\r?\n/g, '')}\n\n`;
+$ const third = `id: slot_1\ntype: update\ndata: next chunk for slot_1`;
+
+<await(wait())>
+  <@then>
+    $!{first}
+    <await(wait())>
+      <@then>
+        $!{second}
+        <await(new Promise(res => setTimeout(res, 2000)))>
+          <@then>
+            $!{third}
+          </@then>
+        </await>
+      </@then>
+    </await>
+  </@then>
+</await>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/index.marko b/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/index.marko
new file mode 100644
index 0000000..4a9a3af
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/index.marko
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Simple Example</title>
+  <esbuild-assets/>
+</head>
+<body>
+  <div>Host app</div>
+  <micro-frame-sse src="embed" name="test" read=(e => [e.lastEventId, e.data]) />
+  <micro-frame-slot from="test" slot="slot_1" timeout=1000 />
+  <micro-frame-slot from="test" slot="slot_2" />
+</body>
+</html>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/slot_1.html b/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/slot_1.html
new file mode 100644
index 0000000..e4f8443
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/slot_1.html
@@ -0,0 +1 @@
+<p>test_html for slot_1</p>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/slot_2.html b/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/slot_2.html
new file mode 100644
index 0000000..bc6bb6a
--- /dev/null
+++ b/src/components/micro-frame-sse/__tests__/fixtures/ssr-timeout/slot_2.html
@@ -0,0 +1 @@
+<p>test_html for slot_2</p>
\ No newline at end of file
diff --git a/src/components/micro-frame-sse/__tests__/server.test.ts b/src/components/micro-frame-sse/__tests__/server.test.ts
index 3e12c2c..a6cacdf 100644
--- a/src/components/micro-frame-sse/__tests__/server.test.ts
+++ b/src/components/micro-frame-sse/__tests__/server.test.ts
@@ -186,4 +186,14 @@ describe("micro-frame-sse", () => {
     "ssr client-reorder",
     fixture(path.join(__dirname, "fixtures/ssr-client-reorder"))
   );
+
+  describe(
+    "ssr client-reorder false",
+    fixture(path.join(__dirname, "fixtures/ssr-client-reorder-false"))
+  );
+
+  describe(
+    "ssr timeout",
+    fixture(path.join(__dirname, "fixtures/ssr-timeout"))
+  );
 });