Ontbrekende afbeeldingen
Silktide vindt afbeeldingen waar je pagina's om vragen, maar die niet kunnen worden geladen. Meestal komt dat doordat het afbeeldingsbestand is verplaatst of verwijderd, of doordat het webadres verkeerd is gespeld. Bezoekers zien een pictogram voor een verbroken afbeelding of een lege ruimte waar de afbeelding hoort te staan.
<!-- Dit afbeeldingsbestand bestaat niet meer, dus bezoekers zien een verbroken afbeelding -->
<img src="/images/team-photo-2019.jpg" alt="Ons team">
Waarom dit belangrijk is
Een verbroken afbeelding is een van de meest zichtbare fouten die een pagina kan hebben: de browser toont een pictogram voor een verbroken afbeelding of een lege ruimte precies waar je inhoud hoort te staan. Daardoor ziet de hele pagina er verwaarloosd uit. En als de afbeelding informatie bevatte - een grafiek, een productfoto of een diagram - is die informatie voor de bezoeker simpelweg verdwenen.
Zelfs als de ontbrekende afbeelding decoratief of ongebruikt was, verspilt de browser van elke bezoeker nog steeds tijd aan het opvragen ervan en het wachten op de fout. Daardoor wordt de pagina voor niets trager.
Zo los je het op
- Zoek de verwijzing naar de ontbrekende afbeelding - Silktide markeert waar elke afbeelding op de pagina voorkomt.
- Als de afbeelding is verplaatst, werk je de verwijzing bij naar het nieuwe adres. Als de afbeelding opzettelijk is verwijderd, verwijder je de verwijzing (in je betekent dit meestal dat je de pagina of template bewerkt waarin de afbeelding staat).
- Als de afbeelding wel zou moeten bestaan, upload je deze opnieuw of controleer je waarom de server het verzoek weigert.
- Test de pagina daarna en controleer of de afbeelding wordt weergegeven.
Zo test Silktide dit
- Laad elke pagina in een echte browser en registreer elk bestand dat de pagina opvraagt, inclusief afbeeldingen die door CSS en scripts worden geladen.
- Houd de verzoeken voor afbeeldingen bij.
- Rapporteer elk verzoek dat niet kan worden gedownload - bijvoorbeeld door een foutantwoord van de server, zoals 404, of door een verbindingsfout. Tijdelijke time-outs en verzoeken die de browser zelf heeft afgebroken, worden niet gerapporteerd om vals alarm te voorkomen.
- Markeer waar op de pagina elke ontbrekende afbeelding wordt gebruikt en sla afbeeldingen over in elementen die je van het testen hebt uitgesloten.
Problemen oplossen
De afbeelding wordt geladen als ik deze zelf probeer
De afbeelding bevindt zich mogelijk achter een login, wordt geblokkeerd voor
geautomatiseerde bezoekers of wordt niet altijd goed aangeboden. Controleer
ook op mixed content: een afbeelding die via gewoon
HTTP wordt opgevraagd vanaf een pagina die via wordt
geleverd, wordt door de browser geblokkeerd, ook al bestaat het bestand - de
oplossing is om ernaar te verwijzen met een https://-adres. Als alles echt
in orde is, kun je de bevinding
.
Ik kan niet zien waar de afbeelding wordt gebruikt
Niet elke afbeelding staat in een <img>-tag - achtergronden die in
zijn ingesteld en afbeeldingen die door scripts worden
toegevoegd, kunnen op dezelfde manier mislukken.
De markering van Silktide toont het verantwoordelijke element als dat kan worden
gevonden.