sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve video loading speed by optimizing data fetching and caching

Browse Source 
Update data fetching configurations to enable aggressive caching, increase staleTime to 5 minutes, and gcTime to 10 minutes. Disable refetching on window focus and reconnect events. Modify the useEffect hook to only trigger refetch on searchQuery changes, not offset changes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/clVZrpf
This commit is contained in:
sebastjanartic 2025-08-28 19:58:13 +00:00
parent 4cdad54178
commit 914510612a
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/pages/home.tsx
View File

@ -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<VideosResponse>({
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 (
<div className="min-h-screen bunny-dark static-triangles">