Brakujące obrazy

Silktide znajduje obrazy, o które proszą Twoje strony, ale które nie ładują się, zazwyczaj ponieważ plik obrazu został przeniesiony lub usunięty albo jego adres internetowy wpisano błędnie. Odwiedzający widzą ikonę uszkodzonego obrazu lub pustą przestrzeń w miejscu, w którym powinien znajdować się obraz.

<!-- Ten plik obrazu już nie istnieje, więc odwiedzający widzą uszkodzony obraz -->
<img src="/images/team-photo-2019.jpg" alt="Nasz zespół">

Dlaczego to ważne

Uszkodzony obraz to jedna z najbardziej widocznych usterek strony: przeglądarka wyświetla ikonę uszkodzonego obrazu lub pustą przestrzeń dokładnie tam, gdzie powinna znajdować się Twoja treść. Sprawia to, że cała strona wygląda na zaniedbaną, a jeśli obraz zawierał informacje — wykres, zdjęcie produktu, diagram — te informacje po prostu nie są dostępne dla odwiedzającego.

Nawet gdy brakujący obraz był dekoracyjny lub nieużywany, przeglądarka każdego odwiedzającego nadal traci czas na wysłanie żądania i oczekiwanie na niepowodzenie, niepotrzebnie spowalniając stronę.

Jak to naprawić

Znajdź odwołanie do brakującego obrazu — Silktide wskazuje, gdzie każdy z nich występuje na stronie.
Jeśli obraz został przeniesiony, zaktualizuj odwołanie do jego nowego adresu. Jeśli został celowo usunięty, usuń odwołanie (w Twoim zwykle oznacza to edycję strony lub szablonu, który go zawiera).
Jeśli obraz powinien istnieć, prześlij go ponownie lub sprawdź, dlaczego serwer odrzuca żądanie.
Następnie przetestuj stronę i potwierdź, że obraz jest wyświetlany.

Jak Silktide to testuje

Wczytuje każdą stronę w prawdziwej przeglądarce i rejestruje każdy plik, o który strona wysyła żądanie, w tym obrazy ładowane przez CSS i skrypty.
Zachowuje żądania obrazów.
Raportuje każde żądanie, którego nie udało się pobrać — odpowiedź błędu z serwera, taką jak 404, lub błąd połączenia. Chwilowe przekroczenia limitu czasu i żądania, które sama przeglądarka przerwała, nie są raportowane, aby uniknąć fałszywych alarmów.
Wskazuje, gdzie na stronie używany jest każdy brakujący obraz, i pomija obrazy w elementach wykluczonych z testowania.

Rozwiązywanie problemów

Obraz ładuje się, gdy go sprawdzam

Obraz może znajdować się za ekranem logowania, być blokowany dla automatycznych odwiedzających lub być wyświetlany niespójnie. Sprawdź również mieszaną zawartość: obraz żądany przez zwykły HTTP ze strony udostępnianej przez jest blokowany przez przeglądarkę, nawet jeśli plik istnieje — rozwiązaniem jest odwoływanie się do niego za pomocą adresu https://. Jeśli obraz rzeczywiście działa poprawnie, wynik.

Nie widzę, gdzie używany jest obraz

Nie każdy obraz znajduje się w tagu <img> — tła ustawione w i obrazy dodawane przez skrypty mogą nie ładować się w ten sam sposób. Wyróżnianie Silktide pokazuje odpowiedzialny element, jeśli można go zlokalizować.