diff --git a/src/components/layout/header/index.tsx b/src/components/layout/header/index.tsx
index 69620f4c..f849a5e3 100644
--- a/src/components/layout/header/index.tsx
+++ b/src/components/layout/header/index.tsx
@@ -3,9 +3,10 @@ import Link from 'next/link';
 
 import { Icon } from '@/components/icon';
 import { cn } from '@/lib/utils';
-import { useNotification } from '@/providers';
+import { useAuth, useNotification } from '@/providers';
 
 export const Header = () => {
+  const { isAuthenticated } = useAuth();
   const { unReadCount, receivedNewNotification } = useNotification();
 
   return (
@@ -15,7 +16,11 @@ export const Header = () => {
           <Icon id='wego-logo' width={92} height={40} />
         </Link>
         <div className='flex-center gap-2'>
-          <Link href={'/notification'} className='flex-center relative h-10 w-10'>
+          <Link
+            href={'/notification'}
+            prefetch={isAuthenticated}
+            className='flex-center relative h-10 w-10'
+          >
             <Icon
               id='bell-read'
               className={cn(