Performance
Pour étudier les performances, comparez ce qu’une page télécharge à ce qu’elle affiche réellement. Une planche d’images modifie les requêtes, mais son intérêt dépend aussi des images nécessaires à chaque page et de leur évolution.
Le guide d’inspection réseau aide à observer les requêtes et transferts. Pour une interface à sprites, le créateur de sprites CSS prépare les coordonnées ; les mesures sur votre page déterminent le résultat sur le chargement.
Des images adaptatives qui économisent vraiment la bande passante : srcset, sizes, picture et tests
Utilisez srcset, sizes et picture pour adapter vos images, éviter les décalages de mise en page et mesurer les téléchargements réels.
Pourquoi votre site affiche d'anciens fichiers : diagnostiquer Cache-Control et les ETags avec cURL
CSS, HTML ou réponses API obsolètes ? Utilisez Cache-Control, ETag, les réponses 304 et cURL pour diagnostiquer les problèmes de cache de votre site.
Les sprites CSS sur le Web moderne : quand les utiliser et comment les tester
Découvrez quand les sprites CSS restent utiles, comment définir les zones d'une planche et comment tester le chargement, l'accessibilité et les écrans haute densité.