diff --git a/app/srv/ws/sync/actions/page_load.ts b/app/srv/ws/sync/actions/page_load.ts
index 5002b56c..e5fe03d0 100644
--- a/app/srv/ws/sync/actions/page_load.ts
+++ b/app/srv/ws/sync/actions/page_load.ts
@@ -219,12 +219,12 @@ const scanMeta = async (doc: DPage, sync: SyncConnection) => {
   }
 
   const comps: EPage["comps"] = {};
-  for (const [id, v] of Object.entries(mcomps)) {
-    const snap = snapshot.get("comp", id);
-    if (snap) {
-      comps[id] = { id, snapshot: await gzipAsync(snap.bin) };
-    }
-  }
+  // for (const [id, v] of Object.entries(mcomps)) {
+  //   const snap = snapshot.get("comp", id);
+  //   if (snap) {
+  //     comps[id] = { id, snapshot: await gzipAsync(snap.bin) };
+  //   }
+  // }
 
   return { meta: simplifyMeta(meta), comps, entry };
 };
diff --git a/app/web/src/nova/view/logic/meta/ref-ids.tsx b/app/web/src/nova/view/logic/meta/ref-ids.tsx
index c4a6aab5..813b54c4 100644
--- a/app/web/src/nova/view/logic/meta/ref-ids.tsx
+++ b/app/web/src/nova/view/logic/meta/ref-ids.tsx
@@ -45,7 +45,7 @@ export const applyRefIds = (
                 parentcomp.set("ref_ids", mref_ids);
               }
             }
-          }, 500);
+          }, 50);
         }
       }
 
diff --git a/app/web/src/nova/view/logic/meta/simplify.tsx b/app/web/src/nova/view/logic/meta/simplify.tsx
index b08303eb..2d38dd8b 100644
--- a/app/web/src/nova/view/logic/meta/simplify.tsx
+++ b/app/web/src/nova/view/logic/meta/simplify.tsx
@@ -15,6 +15,7 @@ export const simplifyItem = (item: IItem) => {
       newitem[k] = v;
     }
   }
+
   return newitem as IItem;
 };
 
@@ -40,3 +41,12 @@ export const simplifyMeta = (allmeta: Record<string, IMeta>) => {
 
   return smeta;
 };
+
+function formatBytes(bytes: number, decimals: number) {
+  if (bytes == 0) return "0 Bytes";
+  var k = 1024,
+    dm = decimals || 2,
+    sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+    i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+}
diff --git a/app/web/src/utils/sync/ws-client.ts b/app/web/src/utils/sync/ws-client.ts
index acfbf942..62a491a2 100644
--- a/app/web/src/utils/sync/ws-client.ts
+++ b/app/web/src/utils/sync/ws-client.ts
@@ -66,8 +66,10 @@ export type ClientEventObject = Parameters<typeof clientStartSync>[0]["events"];
 export type ClientEvent = keyof ClientEventObject;
 
 const sendWs = (ws: WebSocket, msg: any) => {
-  if (WS_CONFIG.debug) console.log(`%c⬆`, "color:blue", msg);
-  ws.send(packr.pack(msg));
+  const raw = packr.pack(msg);
+  if (WS_CONFIG.debug)
+    console.log(`%c⬆`, "color:blue", formatBytes(raw.length, 0), msg);
+  ws.send(raw);
 };
 
 export const clientStartSync = async (arg: {
@@ -192,7 +194,8 @@ const connect = (
           ws.onmessage = async (e) => {
             const raw = e.data as Blob;
             const msg = packr.unpack(Buffer.from(await raw.arrayBuffer()));
-            if (WS_CONFIG.debug) console.log(`%c⬇`, `color:red`, msg);
+            if (WS_CONFIG.debug)
+              console.log(`%c⬇`, `color:red`, formatBytes(raw.size, 0), msg);
 
             if (msg.type === SyncType.ClientID) {
               conf.client_id = msg.client_id;
@@ -271,3 +274,12 @@ const doAction = async <T>(arg: {
     }
   }
 };
+
+function formatBytes(bytes: number, decimals: number) {
+  if (bytes == 0) return "0 Bytes";
+  var k = 1024,
+    dm = decimals || 2,
+    sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+    i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+}