Les mots utiles, en clair
- CSS : présentation
- Les règles qui définissent les couleurs, les tailles et la disposition de votre page.
Observer plus que le réseau
Une image compressée doit être décodée avant son affichage. Le temps nécessaire dépend notamment de la ressource et de l’appareil. Une requête courte peut donc coexister avec un rendu tardif. Pour un grand visuel, regardez la chronologie complète et comparez des dimensions raisonnables à un fichier excessivement grand réduit par CSS.
Utiliser les indications avec mesure
L’attribut decoding donne au navigateur une indication sur la manière de traiter le décodage d’une image. Il ne remplace ni le choix du bon format ni une dimension adaptée. Ne cherchez pas une valeur universelle pour toutes les images : le visuel principal et une galerie révélée plus bas n’ont pas le même rôle dans le premier affichage.
Tester la continuité visuelle
Lorsqu’une image est remplacée après interaction, observez les clignotements et le délai avant le nouveau rendu. Préparez une transition qui conserve le contenu utile tant que la nouvelle ressource n’est pas prête. Les vérifications doivent inclure un appareil modeste, car un ordinateur puissant peut rendre invisible le coût de décodage rencontré par une partie des visiteurs.