Optimize database calls across multiple components by implementing Promise.all for parallel fetching of data, enhancing performance and reducing loading times.

app/leaderboard/page.tsx

@@ -6,12 +6,11 @@ import { getBackgroundImage } from "@/lib/preferences";
 export const dynamic = "force-dynamic";
 
 export default async function LeaderboardPage() {
-  const leaderboard = await userStatsService.getLeaderboard(10);
-
-  const backgroundImage = await getBackgroundImage(
-    "leaderboard",
-    "/leaderboard-bg.jpg"
-  );
+  // Paralléliser les appels DB
+  const [leaderboard, backgroundImage] = await Promise.all([
+    userStatsService.getLeaderboard(10),
+    getBackgroundImage("leaderboard", "/leaderboard-bg.jpg"),
+  ]);
 
   return (
     <main className="min-h-screen bg-black relative">