diff --git a/app/src/components/lazy-diagram.jsx b/app/src/components/lazy-diagram.jsx
new file mode 100644
index 0000000..1a58455
--- /dev/null
+++ b/app/src/components/lazy-diagram.jsx
@@ -0,0 +1,13 @@
+import { lazy, Suspense } from 'react';
+
+const DiagramRendererLazy = lazy(() =>
+  import('../../teknav-diagrams.jsx').then(m => ({ default: m.DiagramRenderer }))
+);
+
+export function LazyDiagram(props) {
+  return (
+    <Suspense fallback={<div className="tek-diagram-skeleton" aria-hidden="true" />}>
+      <DiagramRendererLazy {...props} />
+    </Suspense>
+  );
+}