Les mots utiles, en clair
- Cache
- Une copie temporaire d’une page ou d’un fichier, conservée pour l’afficher plus vite. Vider le cache supprime ces copies, pas vos contenus d’origine.
Décrire la place, pas le fichier
Avec des candidats srcset décrits en largeur, sizes indique l’espace que l’image devrait occuper. Cette information permet au navigateur de choisir avant que toute la mise en page soit calculée. Une valeur trop large peut provoquer le téléchargement d’un fichier inutilement volumineux, même si les variantes disponibles sont bien produites.
Partir des colonnes réelles
Une carte qui occupe toute la largeur sur mobile et un tiers de la grille sur ordinateur demande une description cohérente avec ces ruptures. Relevez les espacements, marges et largeurs maximales du conteneur. Ne recopiez pas une règle trouvée ailleurs si votre thème conserve une colonne latérale ou une marge intérieure différente.
Comparer plusieurs situations
Testez autour des seuils de changement de mise en page et avec un écran dense. Regardez à la fois le poids transféré et la netteté. Lorsque le navigateur conserve une ressource déjà en cache, un simple redimensionnement peut masquer le choix qu’il aurait fait lors d’une nouvelle visite ; utilisez aussi un chargement frais.