diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx index ae540fb..50e8103 100644 --- a/client/src/pages/home.tsx +++ b/client/src/pages/home.tsx @@ -20,7 +20,7 @@ export default function Home() { - // Fetch videos with optimized caching + // Fetch videos with aggressive caching for speed const { data: videosResponse, isLoading, refetch } = useQuery({ queryKey: ["/api/videos", { limit: 20, @@ -43,10 +43,10 @@ export default function Home() { } return response.json(); }, - staleTime: 0, // No caching - always fresh data - gcTime: 0, // No cache retention - refetchOnWindowFocus: true, - refetchOnReconnect: true + staleTime: 5 * 60 * 1000, // 5 minutes cache - much faster + gcTime: 10 * 60 * 1000, // 10 minutes retention + refetchOnWindowFocus: false, // Don't refetch on focus + refetchOnReconnect: false // Don't refetch on reconnect }); // Update videos when new data comes in @@ -71,10 +71,12 @@ export default function Home() { setOffset(prev => prev + 20); }; - // Force refetch when search changes + // Only refetch when search changes, not offset (for speed) useEffect(() => { - refetch(); - }, [searchQuery, offset, refetch]); + if (searchQuery !== undefined) { + refetch(); + } + }, [searchQuery, refetch]); return (