Zrzut ekranu strony online: po co i jak czytać metryki
Czasami trzeba po prostu zobaczyć stronę w całości — jak ją oddaje serwer, a nie twoja przeglądarka z pamięcią podręczną i rozszerzeniami. W tym celu istnieje zrzut ekranu strony online: robi on kadr w wersji desktopowej i mobilnej oraz pokazuje podstawowe metryki ładowania.
Gdzie to się przydaje
- Sprawdzić, co widzi robot. Jeśli treść ładowana jest skryptami, na zrzucie to widać od razu.
- Porównać wersje mobilną i desktopową — bloki, które "uciekły" na telefonie, widać bez telefonu.
- Zarejestrować stan przed zmianami — później łatwiej udowodnić, co się zmieniło.
- Zobaczyć cudzą stronę, nie otwierając jej w swojej przeglądarce.
- Sprawdzić, czy strona nie oddaje strony zastępczej z powodu ochrony lub blokady regionalnej.
Co oznaczają metryki obok zrzutu
| Wskaźnik | Znaczenie |
|---|---|
| Czas do pierwszego bajta | Jak szybko odpowiada serwer; powyżej sekundy — powód do zajęcia się hostingiem |
| Czas pełnego ładowania | Ile czeka odwiedzający na gotową stronę |
| Rozmiar strony | Waga wszystkich zasobów; ciężkie obrazy — zwykły winowajca |
| Kod odpowiedzi | Powinien być 200: 3xx oznacza przekierowanie, 4xx i 5xx — błąd |
Jak używać w pracy
Przed rozpoczęciem promocji warto zrobić zrzut promowanej strony: pokazuje on, co zobaczy osoba, która przyszła przez link. Jeśli strona wygląda na pustą bez wykonania skryptów — to powód, by najpierw rozwiązać problem z renderowaniem, a dopiero potem inwestować w linki.
Desktop i mobilny: co porównywać
- Pierwszy ekran. Czy na mobilnym widać to samo, co na desktopie, czy zostało wypchnięte przez banery i menu.
- Czytelność. Czy tekst nie jest zbyt mały i czy bloki nie nachodzą na siebie.
- Przyciski. Czy są wystarczająco duże i czy nie są zasłonięte przez pływające elementy, takie jak czat i baner cookie.
- Pełność. Czy na wersji mobilnej nie zniknął ważny blok całkowicie — tak bywa przy adaptacji przez ukrywanie.
Wyszukiwarka ocenia stronę na podstawie wersji mobilnej, dlatego różnice między widokami to nie kosmetyka, a bezpośrednia utrata pozycji i konwersji.
Obok
Szybkość ładowania, sprawdzenie on-page i nagłówki odpowiedzi serwera.