Ne charger des données/du code que lorsqu’elles sont/il est nécessaire

Identifiants

Catégories

Indications

Description

Pour des raisons de performance perçue, il peut être tentant de précharger des ressources qui pourraient être utilisée si une action spécifique est effectuée par l’utilisateur (y compris une navigation vers une autre page).

Mais si cette action n’est pas entreprise, ces préchargements n’auront servi qu’à gaspiller des ressources.

Exemple

Éviter <link rel="prerender">, ainsi que tous les rel="preload", rel="prefetch", rel="preconnect", rel="modulepreload" et rel="dns-prefetch" dont la ressource ne sera pas utilisée sur la page courante, ou utilisée uniquement sous certaines conditions.

Éviter les chargements et mise en cache (ou en stockage local) de données applicatives, comme des listes des valeurs et autres référentiels, si on n’est pas absoluement certain qu’elles seront utilisées.

Par extension, découper le code JS, voire les CSS, par portions (chunks) relatives à des actions particulières de l’utilisateur, et ne charger ces portions que lorsqu’elles sont nécessaires. C’est d’autant plus vrai pour les SPA (Single Page Applications), où chaque écran (ou éventuellement ensemble d’écrans) pourra être ainsi chargé uniquement à la demande.

Principe de validation