# Prefetching · Veille technologique [Source canonique]() Chargement anticipé de ressources ou de données pour préparer les prochaines interactions. ## [Vinext 1.4 : moins de travail serveur et une hydratation plus rapide]() Vinext 1.4 réduit le travail à plusieurs étapes du rendu : les layouts App Router s’exécutent une seule fois par requête, le prefetch des routes dynamiques ne génère plus la page entière et les chunks nécessaires à l’hydratation se compilent en arrière-plan dans Chrome récent. Sur le benchmark Hacker News, l’éditeur mesure 31,1 ms de CPU par requête, contre 54,4 ms en 1.3 et 33,7 ms pour Next.js. La version synchronise aussi la génération du HTML et du payload RSC en cache. Les résultats restent toutefois dépendants du scénario : sur un prototype de site éditorial, Next.js peint plus vite et consomme moins de CPU par requête. Le test de TanStack Redact révèle un autre compromis : moins de JavaScript téléchargé, mais une hydratation nettement plus coûteuse sur les pages chargées. 2026-10-30 · [Markdown]() · [Ressource originale]() ## [Next.js 16.4 : accélérer les navigations sans tout précharger]() Pour réduire les skeletons dans v0, l’équipe combine le Partial Prefetching de Next.js avec des règles de cache adaptées aux données publiques ou personnalisées. Les tests Playwright `instant()` vérifient que le contenu prioritaire est déjà disponible au clic, et restent comme garde-fous en CI. Le préchargement dépend aussi de l’intention : dans les grandes grilles, les détails ne sont chargés qu’au survol, au focus ou au toucher. Ce réglage répond à une hausse de 2,9× des requêtes de préchargement ; le bilan global rapporte des coûts quotidiens en baisse, sans attribuer cette évolution au seul refactoring. 2026-10-23 · [Markdown]() · [Ressource originale]() ## [Next.js 16.4 : Cache Components activé par défaut et nouveautés]() Next.js 16.4 recommande désormais l’utilisation des Cache Components, activés par défaut sur les nouveaux projets via `create-next-app`. Ce modèle permet de déclarer précisément le cache au niveau des composants, avec des API pour contrôler le comportement statique ou dynamique des pages et affiner le préchargement. La version apporte aussi des outils d’agent pour faciliter la migration, des optimisations sur Turbopack (taille du cache, HMR, bundles plus petits), la prise en charge de React 19.3 et plusieurs fonctionnalités expérimentales pour le build et le développement. 2026-10-15 · [Markdown]() · [Ressource originale]() ## [ForesightJS : anticiper les navigations pour déclencher le prefetch]() ForesightJS observe trajectoire du curseur, tabulation et défilement pour estimer les prochains éléments visés. Il permet de commencer le chargement avant le clic ou le contact tactile. 2025-08-17 · [Markdown]() · [Ressource originale]()