Images manquantes

Silktide trouve les images que vos pages demandent mais qui ne se chargent pas, généralement parce que le fichier image a été déplacé ou supprimé, ou parce que son adresse web a été mal saisie. Les visiteurs voient une icône d’image brisée ou un espace vide à l’endroit où l’image devrait apparaître.

<!-- Ce fichier image n’existe plus, donc les visiteurs voient une image brisée -->
<img src="/images/team-photo-2019.jpg" alt="Notre équipe">

Pourquoi c’est important

Une image brisée est l’un des problèmes les plus visibles qu’une page puisse avoir : le navigateur affiche une icône d’image cassée ou un trou blanc exactement à l’endroit où votre contenu devrait se trouver. Cela donne l’impression que toute la page est négligée et, si l’image contenait de l’information — un graphique, une photo de produit, un schéma — cette information disparaît tout simplement pour le visiteur.

Même lorsque l’image manquante était décorative ou inutile, le navigateur de chaque visiteur perd tout de même du temps à la demander et à attendre l’échec, ce qui ralentit la page pour rien.

Comment y remédier

Trouvez la référence à l’image manquante — Silktide met en évidence l’endroit où chacune apparaît sur la page.
Si l’image a été déplacée, mettez à jour la référence vers sa nouvelle adresse. Si elle a été supprimée volontairement, supprimez la référence (dans votre , cela signifie généralement modifier la page ou le modèle qui l’inclut).
Si l’image devrait exister, remettez-la en ligne ou vérifiez pourquoi le serveur rejette la requête.
Testez ensuite la page et confirmez que l’image s’affiche.

Comment Silktide teste cela

Charger chaque page dans un vrai navigateur et enregistrer chaque fichier demandé par la page, y compris les images chargées par le CSS et les scripts.
Conserver les requêtes d’images.
Signaler chaque image dont le téléchargement échoue — une réponse d’erreur du serveur, comme 404, ou un échec de connexion. Les délais d’attente momentanés et les requêtes abandonnées par le navigateur lui-même ne sont pas signalés, afin d’éviter les fausses alertes.
Mettre en évidence l’endroit de la page où chaque image manquante est utilisée, et ignorer les images présentes dans les éléments que vous avez exclus des tests.

Dépannage

L’image se charge quand j’essaie

L’image peut être derrière une authentification, bloquée pour les visiteurs automatisés, ou servie de manière incohérente. Vérifiez également la présence de contenu mixte : une image demandée en HTTP simple depuis une page servie en est bloquée par le navigateur même si le fichier existe — la solution consiste à la référencer avec une adresse https://. Si elle est réellement correcte, le constat.

Je ne vois pas où l’image est utilisée

Toutes les images ne se trouvent pas dans une balise <img> — les arrière-plans définis en et les images ajoutées par des scripts peuvent également échouer. La mise en évidence de Silktide montre l’élément responsable lorsqu’il peut être localisé.