Retour à la leçonMission
Mission : l'écran blanc de 3 secondes causé par les recommandations
Isoler un composant lent avec Suspense et corriger un await qui annule le bénéfice du streaming.
Contexte
Sur app/produits/[id]/page.tsx, le code actuel fait const recommendations = await getRecommendations(id); directement dans le composant de page, AVANT de retourner le JSX contenant la fiche produit, les avis et le bloc recommandations. getRecommendations interroge un service de machine learning externe qui met 3 secondes à répondre, alors que le reste des données est prêt en 100 ms. Résultat : toute la page reste blanche pendant 3 secondes.