Images manquantes
Silktide trouve des 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 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 se trouver.
<!-- 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 défauts les plus visibles qu'une page puisse avoir : le navigateur affiche une icône d'image brisée ou un trou blanc exactement là où votre contenu devrait se trouver. Cela donne l'impression que toute la page est négligée, et si l'image véhiculait de l'information - un graphique, une photo de produit, un schéma - cette information disparaît tout simplement pour le visiteur.
Même si l'image manquante était décorative ou inutilisée, le navigateur de chaque visiteur perd quand même du temps à la demander et à attendre l'échec, ce qui ralentit la page pour rien.
Comment corriger
- 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 délibérément, supprimez la référence (dans votre , cela signifie généralement modifier la page ou le gabarit qui l'inclut).
- Si l'image devrait exister, téléversez-la de nouveau ou vérifiez pourquoi le serveur rejette la demande.
- Testez ensuite la page et confirmez que l'image s'affiche.
Comment Silktide teste cela
- Chargez chaque page dans un vrai navigateur et enregistrez chaque fichier demandé par la page, y compris les images chargées par le CSS et les scripts.
- Conservez les requêtes d'images.
- Signalez chacune qui échoue à être téléchargée - une réponse d'erreur du serveur, comme 404, ou une défaillance de connexion. Les délais d'attente momentanés et les requêtes que le navigateur a lui-même abandonnées ne sont pas signalés, afin d'éviter les fausses alertes.
- Mettez en évidence l'endroit de la page où chaque image manquante est utilisée, et ignorez les images 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 connexion, bloquée pour les visiteurs automatisés, ou servie de façon incohérente. Vérifiez aussi le 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 vraiment correcte,
la constatation.
Je ne vois pas où l'image est utilisée
Toutes les images ne se trouvent pas dans une balise <img> - des arrière-plans définis en
et des images ajoutées par des scripts échouent tout autant.
La mise en évidence de Silktide montre l'élément responsable là où il peut être repéré.