Une interface rapide sur la machine du développeur peut devenir pénible sur un téléphone d’entrée de gamme ou un réseau instable. Concevoir pour cette réalité améliore généralement l’expérience de tous les utilisateurs.
Fixer un budget de performance
Définissez une limite pour le JavaScript initial, le poids des images et le nombre de polices. Un budget transforme une intention vague en règle de conception que l’équipe peut vérifier à chaque livraison.
Rendre l’essentiel disponible en premier
- Envoyer le contenu principal depuis le serveur.
- Réserver l’espace des médias pour éviter les déplacements de page.
- Charger les fonctions secondaires seulement lorsqu’elles sont utiles.
- Compresser les images et proposer des dimensions adaptées.
- Afficher des états d’attente qui expliquent ce qui se passe.
- Préserver les données saisies lorsqu’une requête échoue.
Tester les scénarios dégradés
Simulez une connexion lente, désactivez temporairement JavaScript et interrompez une requête pendant l’envoi d’un formulaire. Ces tests révèlent les dépendances fragiles que les parcours nominaux ne montrent pas.
La résilience n’est pas une finition technique : c’est une propriété de l’expérience utilisateur.
La performance est enfin un travail continu. Mesurez des pages réelles, surveillez les régressions et traitez le poids ajouté comme une décision produit.
