Repérer le démarrage tardif de l’image principale

Comprendre la situation

Un visuel peut être léger et néanmoins démarrer tard dans la chronologie du chargement. Avant de le compresser davantage, il est utile de comprendre quand le navigateur apprend son existence. Une image ajoutée par un composant après une action JavaScript ne suit pas nécessairement le même parcours qu’une image présente dans le HTML initial. La version installée ne réécrit pas universellement cette architecture.

Marche à suivre

• Identifiez le visuel important sur le modèle de page étudié et retrouvez sa requête dans l’onglet Réseau.
• Comparez son heure de démarrage à celle du document principal et repérez les ressources qui la précèdent.
• Contrôlez si l’image existe dans la réponse initiale ou si elle apparaît seulement dans le document modifié par les scripts.
• Après toute correction du thème, vérifiez les autres tailles d’écran et le fonctionnement du composant, puis reprenez les mesures.

Vérifier le résultat

Le résultat recherché est un diagnostic précis du retard, pas l’ajout aveugle de priorités à toutes les images. Une priorité mal choisie peut détourner des ressources d’un autre élément utile. Conservez les versions avant et après du composant pour faciliter un retour arrière si nécessaire.