Testowanie stron www

Jak testować stronę internetową ?

testowanie strony www
testowanie strony www

W sieci istnieje cała gama narzędzi do testowania strony www.

Podstawowe sprawdzenie strony, poza jej manualnym „przeklikaniem” i sprawdzeniem wszystkich funkcjonalności obejmuje:

Testowanie strony www:

  • Sprawdzenie prędkości wczytywania strony na komputerach/laptopach i urządzeniach mobilnych. Strona powinna wczytywać się poniżej 3,5 sekundy.
  • Sprawdzenie czy strona jest „mobile friendly” – a więc czy poprawnie wyświetla się na telefonach i laptopach. Z roku na rok rośnie liczba internautów przeglądających zasoby sieci na tych urządzeniach. Czynnik też jest uwzględniany przy ustalaniu pozycji w wynikach wyszukiwania
  • Walidacja kodu html – czy strona została poprawnie napisana przez developera

Różne narzędzia  do testowania stron internetowych:

  • Gtmetrix – pozwala sprawdzić prędkość ładowania strony w sekundach, rozmiar strony, a także ilość zapytań wysyłanych do serwera. Podobnie jak w Google Developer Tools otrzymujemy listę technikaliów do poprawy. Narzędzie pozwala też na szczegółową obserwację procesów przebiegających na stronie i identyfikację, który spowalnia jej ładowanie.
  • Pingdom – szczegółowe dane dotyczące prędkości ładowania strony
  • Web Page Test – szczegółowy test ładowania strony. Można wybrać lokalizację serwera a także przeglądarka w której wczytana będzie testowana strona. W wynikach m.in. ilość żądań do serwera a także wielkość strony, a nawet ilość elementów DOM.
  • Moz – analiza pozycji  w rankingu Google
  • Walidacja kodu HTML – tu możemy szybko sprawdzić czy nie ma błędów w kodzie HTML naszej strony

Zarządzanie stroną internetową

  • Google search console – podstawowe narzędzie administratora witryny. Jeśli pojawią się błędy w zindeksowaniu strony, z mapą strony lub inne związane z Google – to właśnie tutaj zostaniemy o nich powiadomieni
  • Google Analytics – śledzenie ruchu na stronie. Można sprawdzić z jakiego kraju/miasta pochodzą nasi użytkownicy, sprawdzić m.in. ich płeć i wiek. Dowiemy się także z jaki procent userów wyświetla stronę w telefonie i jaki mają system, a także jakiej przeglądarki używają

Test responsywności

  • Responsive test – tutaj możemy przetestować stronę www na ekranach/tabletach/telefonach o różnej rozdzielczości. Rozdzielczość możemy podać „z klawiatury” lub wybrać konkretne urządzenie, które nas interesuje, np Iphone 5, Samsung S4 itp. Co ciekawe kod responsive test jest dostępny na GitHubie .

Narzędzia developerów

  • Narzędzia developerskie Google Chrome – testowanie strony www pod wieloma względami. Są one osadzone w przeglądarce Chrome. Aby się do nich dostać wystarczy na danej stronie internetowej kliknąć F12 lub prawy klawisz mysz -> „Zbadaj” . Tutaj także można sprawdzić jak witryna wygląda na różnych rozdzielczościach/urządzeniach, jednak wybór opcji jest ograniczony. Oczywiście można także podać konkretną rozdzielczość. Do tego mamy cały zestaw innych narzędzi do testowania kodu JavaScript, poprawności żądań wysyłanych do serwera. Dostępny jest też podgląd kodu CSS, który można zmienić, aby w czasie rzeczywistym obserwować zmiany w stylach naszej strony w przeglądarce Chrome. Podobne rozwiązania oferują także inne przeglądarki np. Firefox, a nawet Internet Explorer
  • Google Developer Tools – narzędzia dla deweloperów. Pozwalają sprawdzić wiele parametrów strony takich jak np prędkość ładowania, ocenić wyświetlanie strony na telefonie a także dowiedzieć się jakie aspekty techniczne należy na stronie poprawić

Oczywiście to tylko niektóre z narzędzi do testowania stron www, lista będzie sukcesywnie poszerzana.

RSS
Follow by Email
Facebook
Google+
Google+
http://seoallin.com/testowanie-strony-www/
Twitter

Dodaj komentarz

Translate »

Podoba Ci się ten blog? Podaj dalej :)