diff --git a/.esbuild/server.ts b/.esbuild/server.ts
index e25c0f714..20f00280f 100644
--- a/.esbuild/server.ts
+++ b/.esbuild/server.ts
@@ -51,8 +51,10 @@ function handleFileChange() {
     clearTimeout(timeoutId);
   }
   timeoutId = setTimeout(async () => {
+    const time = Date.now();
     await rebuildAll();
     sendEventsToAll();
+    console.log('Rebuild & Refresh complete in' + (Date.now() - time) + 'ms');
     timeoutId = undefined;
   }, 100);
 }
diff --git a/demos/dev/example.html b/demos/dev/example.html
index c13bd03ca..8a8c5557e 100644
--- a/demos/dev/example.html
+++ b/demos/dev/example.html
@@ -5,6 +5,8 @@
     <title>Mermaid development page</title>
   </head>
   <body>
+    <pre class="mermaid">info</pre>
+
     <pre id="diagram" class="mermaid">
 graph TB
       a --> b
@@ -44,8 +46,8 @@ graph TB
             location.reload();
           }
         };
-        events.onerror = (error) => {
-          console.error(error);
+        events.onerror = () => {
+          // No need to log this error, as it's not useful.
           events.close();
           // Try to reconnect after 1 second in case of errors
           setTimeout(connectToEvents, 1000);
@@ -55,7 +57,7 @@ graph TB
         };
       };
       if (liveReload) {
-        connectToEvents();
+        setTimeout(connectToEvents, 1000);
       }
     </script>
   </body>
