diff --git a/packages/client/src/page/taskQueuePage.tsx b/packages/client/src/page/taskQueuePage.tsx
index 9e8de0b..da6add8 100644
--- a/packages/client/src/page/taskQueuePage.tsx
+++ b/packages/client/src/page/taskQueuePage.tsx
@@ -1,9 +1,13 @@
-import DynamicWorkQueue from "@/components/gallery/WorkQueue";
+import { lazy, Suspense } from 'react';
 
-export default function TaskQueuePage(){
+const DynamicWorkQueue = lazy(() => import('@/components/gallery/WorkQueue'));
+
+export default function TaskQueuePage() {
     return (
         <div>
-            <DynamicWorkQueue />
+            <Suspense fallback={<div>Loading...</div>}>
+                <DynamicWorkQueue />
+            </Suspense>
         </div>
-    )   
+    );
 }
\ No newline at end of file