Webpagetest: Oswoić testowego potwora i przeanalizować wydajność witryny

Jan Hornung Ostatnia aktualizacja 03.12.2020
14 Min.
Webpagetest
Ostatnia aktualizacja 03.12.2020

Webpagetest.org jest prawdopodobnie najlepszym i najbardziej wszechstronnym darmowym narzędziem do pomiaru czasu ładowania strony. Niestety, dostarcza on wielu bardzo złożonych danych. Dziś pokażę Ci, co trzeba ustawić, jak uporządkować gąszcz danych i jakie parametry są potrzebne do profesjonalnej analizy. Ponieważ tylko wtedy, gdy wiesz, jak ładują się Twoje projekty dla klientów i własne strony, możesz je zoptymalizować.

Twoja własna strona powinna być bezpieczna. I szybko. Oczywiście, ponieważ od czasu ładowania strony zależy wiele: współczynnik konwersji, poczucie bezpieczeństwa odwiedzających oraz pozycja Twojej oferty w rankingu Google. Jednak wielu użytkowników WordPress nie jest w stanie nawet poprawnie określić czasu ładowania własnej strony.

Na przykład, niektórzy właściciele stron nawet nie wiedzą, jakich narzędzi mogą użyć, aby prawidłowo przeanalizować swoją stronę. Albo nie wiedzą, jakie ustawienia należy wprowadzić, aby osiągnąć naprawdę dobre rezultaty. Abyś nie popełnił tych samych błędów, pokażę Ci dzisiaj, jak możesz uzyskać szybki i znaczący przegląd swojej witryny za pomocą (naszym zdaniem) najlepszego darmowego narzędzia pomiarowego. Dzięki temu wiesz dokładnie, jak szybko ładuje się Twoja strona oraz czy i gdzie należy dokonać optymalizacji.

Aby dokładnie zrozumieć, jak działają poszczególne kroki analizy, radzę przyjrzeć się zestawom danych podlinkowanym w ważnych punktach lub równolegle analizować własną stronę. Ponieważ: zaprowadzenie porządku w gąszczu danych nie jest takie proste. Ale w nagrodę za ten wysiłek otrzymasz jedne z najlepszych danych, jakie kiedykolwiek zebrałeś o swojej witrynie. A zwłaszcza jeśli pracujesz dla klientów lub zarabiasz pieniądze dzięki swoim WP-WordPress -projektom, wysiłek jest tego wart.

Webpagetest jest najlepszym narzędziem, jakie znamy

Przyznać trzeba: Chwalimy webpagetest.org wylewnie w tym artykule. Może zbyt wylewnie, ale nie bez powodu. Ponieważ Webpagetest jest jedynym znanym nam narzędziem, które pozwala na wiarygodne określenie bezwzględnego i postrzeganego czasu ładowania Twojej strony. I to zupełnie za darmo. Żadnej bariery płatniczej, żadnego modelu subskrypcji, tylko wartościowe dane i API, które pozwala zautomatyzować całą sprawę: tak właśnie powinno być.

Dla pełnego obrazu, należy powiedzieć, że można również uzyskać ładne wyniki pomiarów z Pingdom i GTmetrix. Ale nie tak ładnie jak w przypadku Webpagetest. Oczywiście nie oznacza to, że nie możesz i nie powinieneś walidować swoich wyników za pomocą kilku testów w różnych narzędziach. Nie oznacza to również, że nie należy dokonywać pomiarów za pomocą Pingdom czy GTmetrix. Jedynie mogę polecić, abyś choć raz zajrzał do Webpagetestu.

Stało się to dla nas niemal mantrą: Aby zmierzyć czas ładowania strony, nie wystarczą narzędzia takie jak Google PageSpeed Insights. Ponieważ określają one jedynie potencjał wydajnościowy Twojej strony. Dane te są oczywiście nadal wartościowe - z perspektywy wydajności i SEO - ale po prostu nie pozwalają wyciągnąć żadnych wniosków na temat tego, co tak naprawdę dzieje się, gdy odwiedzający wchodzi na Twoją stronę.

Ale to jest dokładnie to, co chcesz wiedzieć. I to jest dokładnie to, co musisz wiedzieć, aby określić, czy dane działanie optymalizacyjne jest skuteczne.

Niestety, Webpagetest dostarcza nie tylko niezbyt ładne dane, ale również bardzo obszerne wyniki testów. Dlatego pokażę Ci dzisiaj jak używać Webpagetest i jak interpretować wyniki.

W następnej sekcji, krótko omówię podstawy tego narzędzia. Jeśli nie jesteś zainteresowany, po prostu pomiń tę część.

Webpagetest: Wielki brat Google'a PageSpeed Insights

Webpagetest był pierwotnie projektem AOL i był przeznaczony tylko do użytku wewnętrznego. W 2008 r. program stał się jednak oprogramowaniem open source i jest obecnie utrzymywany i rozwijany głównie przez Google. Cała dokumentacja Webpagetestu znajduje się na GitHubie i może być również pobrana i używana lokalnie.

Podczas gdy PageSpeed Insights pokazuje Ci, gdzie leży potencjał optymalizacji Twojej strony, Webpagetest może zrobić znacznie więcej. Pokazuje on nie tylko jak możesz poprawić swoją stronę, ale także bezpośrednio jaki wpływ mają działania optymalizacyjne na czas ładowania witryny.

W przeciwieństwie do Pingdom i GTmetrix, nie ma firmy za Webpagetest, który chce sprzedać płatną usługę (ok, z wyjątkiem Google, ale przynajmniej usługa nie jest sprzedawana bezpośrednio). Raczej można powiedzieć, że Webpagetest jest częścią planu Google, aby uczynić sieć szybszą ogólnie. Jakkolwiek chcesz ocenić wysiłki Google w tym kontekście.

4 kroki do naprawdę znaczących danych o czasie ładowania

Tak, Webpagetest jest bardziej złożony niż inne narzędzia. Ale nie pozwól, aby to Cię odstraszyło! W tym przypadku złożoność jest dobra. Ponieważ oznacza to, że otrzymujesz świetne dane o swojej stronie. I nawet jako użytkownik, który po raz pierwszy korzysta z serwisu, można dość szybko uzyskać odpowiednie informacje.

A to dzięki poniższym czterem krokom:

Krok 1: Ustawianie parametrów badania

Krok 2: Uzyskaj przegląd

Krok trzeci: Szczegółowa analiza

Krok czwarty: Analiza postrzeganego czasu ładowania

Krok 1: Ustawienie parametrów badania

Webpagetest oferuje bardzo precyzyjne ustawienia do testowania Twojej strony. Cztery z tych ustawień są szczególnie ważne dla uzyskania dobrych wyników pomiarów:

  • serwer, który ma być testowany z (1)
  • przeglądarka, która ma być użyta do testów (2)
  • zaawansowane ustawienia testu, które za chwilę omówię bardziej szczegółowo (3)
Strona główna Webpagetest
Tak wygląda strona startowa programu Webpagetest. Jest on nieco bardziej złożony niż ten z Pingdom czy GTmetrix.

Serwer wybrany do testu symuluje użytkownika, który wchodzi na stronę z tego miejsca. Jeśli wybierzesz domyślny serwer w USA, wynik testu zostanie zwrócony dla strony oglądanej z Teksasu. Jednak w większości przypadków nie jest to koniecznie to, czego chcesz. Dlatego to ustawienie jest bardzo ważne. Ponieważ może to znacznie zniekształcić ogólny wynik i musi być odpowiednio ustawione, w zależności od przypadku użycia.

Dwa najczęstsze przypadki użycia to:

  1. Określenie czasu ładowania strony przez użytkownika z grupy docelowej
  2. Porównanie czasu ładowania po zastosowaniu optymalizacji

Jeśli chcesz wiedzieć, jak odwiedzający postrzegają czas ładowania strony, to lokalizacja serwera musi jak najdokładniej odpowiadać lokalizacji typowego użytkownika. Dla bloga, który ma głównie niemieckich czytelników, oznacza to, że powinieneś wybrać serwer w Niemczech, na przykład we Frankfurcie.

Jeśli chcesz wiedzieć, ile kosztował dany środek optymalizacyjny, to w zasadzie nie ma znaczenia, z jakiej lokalizacji serwera korzystasz. Jedyną ważną rzeczą jest: Musisz użyć tej samej lokalizacji serwera dla testu przed i po optymalizacji. W przeciwnym razie nie można prawidłowo porównać danych pomiarowych. Oczywiście polecam tutaj również niemiecki serwer testowy. To po prostu zapewnia najbardziej realistyczne wyniki.

Webpagetest: Mapa do wyboru serwera testowego na Webpagetest.org
Oprócz wyboru z listy, masz również możliwość wyboru serwera testowego za pomocą mapy. Możesz również zobaczyć przegląd wszystkich serwerów testowych tutaj.

Używana przeglądarka

Webpagetest oferuje wiele opcji ustawień, aby symulować pewne techniki transmisji i przeglądarki. Na przykład, możesz zdefiniować, że strona powinna być ładowana przez połączenie 3G i Firefox. Na początek wystarczy jednak wybrać przeglądarkę, z której najczęściej korzysta Twoja grupa docelowa.

Informacje na ten temat można znaleźć np. w Google Analytics lub Piwik. Na przykład strona RAIDBOXES jest najczęściej odwiedzana przez przeglądarkę Chrome.

Fragment przeglądarek używanych przez odwiedzających stronę raidboxes.de. Służą one jako szablon dla ustawień w Webpagetest.
Najczęściej używane przeglądarki na raidboxes.de. Tak więc do analizy w Webpagetest testowałbym przede wszystkim Chrome. Wyniki dla Firefoxa i Safari są dla kontrastu oczywiście również interesujące.

Bardzo ważne: Ustawienia zaawansowane decydują o tym, jak dobre będą Twoje dane pomiarowe!

Oprócz dwóch parametrów określających sposób wykonania testu - tj. lokalizacji serwera i używanej przeglądarki - Webpagetest oferuje również możliwość ustawienia, co test ma wypisać na końcu. W ustawieniach zaawansowanych można na przykład zdefiniować, że tylko niektóre wartości powinny być wyprowadzane, lub że pomiar powinien zostać automatycznie zatrzymany po określonym czasie. A oto dwa ustawienia, które są szczególnie ważne dla uzyskania w miarę wyczerpujących i wiarygodnych danych: Ilość testów do wykonania" oraz "Widok powtórzenia".

W zasadzie zawsze należy mierzyć czas ładowania więcej niż raz. W przeciwnym razie ryzykujesz, że zmierzysz wartości odstające i będziesz szukać problemu, który nie istnieje. I uwierzcie mi: doświadczyliśmy tego już kilka razy. Zalecam wykonanie co najmniej trzech kolejnych testów.

Należy również pamiętać, aby zawsze mierzyć wersję strony w pamięci podręcznej. Można to zrobić za pomocą opcji Powtórz widok.

Ustawienia zaawansowane Webpagetestu
Zaawansowane ustawienia Webpagetest to miejsce, w którym tkwi prawdziwa magia tego narzędzia. Tylko jeśli wybierzesz tutaj co najmniej 3 testy i uwzględnisz również Repeat View, dane, które otrzymasz będą naprawdę interesujące.

Po wprowadzeniu adresu URL - np. https://raidboxes.de - i ustawieniu parametrów testu (tj. niemiecki serwer, przeglądarka, minimum 3 powtórzenia i widok powtórzenia), można rozpocząć test. W zależności od tego, ilu innych użytkowników testuje ich strony, analiza może potrwać kilka minut.

Ważne jest, aby pamiętać, że Webpagetest testuje tylko stronę, która jest dostępna pod danym adresem URL, a nie całą Twoją obecność w sieci. Oznacza to, że powinieneś indywidualnie przetestować stronę główną, wszystkie strony docelowe oraz, jeśli to istotne, przegląd produktów.

W tym poradniku pracuję na danych pochodzących z analizy naszej strony domowej, raidboxes.de. Oznacza to, że możesz odtworzyć wszystko, co zostało tu wyjaśnione, jeden do jednego w webpagetest.org. Wystarczy kliknąć tutaj, aby otrzymać wyniki analizy.

Krok 2: Uzyskaj przegląd

Pierwszą rzeczą, którą zobaczysz, jest przegląd czasu ładowania strony. Jest ona podzielona na trzy części:

  • parametry badania i wyniki analiz potencjału (1)
  • podział głównych cech (2 )
  • przegląd struktury strony (3)
Ogólne wyniki testu strony internetowej
Przegląd pierwszych wyników dla webpagetest.org

(1) Im więcej zieleni, tym lepiej

W pierwszym obszarze wymienione są ponownie parametry testowe do sprawdzenia. Jeśli odkryjesz błąd w tym miejscu, po prostu powtórz test. Zobaczysz również wyniki analizy potencjału. Webpagetest wyświetla również wyniki z Google PageSpeed Insights . Jeśli jesteś zadowolony ze spartańskiego wyglądu Webpagetestu, możesz obejść się bez PageSpeed Insights .

Webpagetest używa szkolnych ocen i kodów kolorystycznych. A to najlepszy, F najgorszy wynik. Kolor zielony wskazuje na dobry stopień optymalizacji, pomarańczowy na możliwy do wykorzystania potencjał optymalizacji, a czerwony na pilną potrzebę działania.

(2) Im szybciej tym lepiej

W drugiej sekcji wyników, zostaną przedstawione wszystkie istotne kluczowe dane dotyczące czasu ładowania strony dla zbuforowanych i niezbuforowanych wariantów Twojej strony. Należy tu zauważyć: W przeglądzie Webpagetest wyświetla wartości tylko dla jednego z trzech testów. Przegląd pokazuje, który test jest bezpośrednio obok etykiet First View i Repeat View. Bieg 2, na przykład, jest wynikiem dla drugiego przebiegu testowego.

Objaśnienie poszczególnych wyników Webpagetestu
Niestety, przegląd ten jest dostępny tylko dla pojedynczych wyników pomiarów, tzn. pojedynczych przebiegów testowych. Aby uzyskać naprawdę wartościowe wartości, trzeba zejść o jeden poziom głębiej. Za chwilę wyjaśnię, jak to zrobić.

Pięć wartości jest tu teraz szczególnie ważnych:

  • Czas ładowania: Czas, jaki potrzebuje Twoja strona, aby użytkownik miał wrażenie, że strona jest w pełni załadowana. Czas ładowania odpowiada zatem postrzeganemu całkowitemu czasowi ładowania Twojej strony.
  • Pierwszy bajt: Czas do przesłania pierwszego bajtu danych pomiędzy klientem a serwerem. Wartość ta powinna być, jeśli to możliwe, poniżej 200 milisekund i jest ważnym wskaźnikiem wydajności Twojego hostingu.
  • Start Render: Ta wartość opisuje czas ładowania strony do momentu, gdy odwiedzający po raz pierwszy zobaczy jej zawartość. Do tego czasu strona pozostaje dla użytkownika całkowicie biała. Oczywiście wartość ta powinna być jak najmniejsza. Wraz z czasem ładowania (lub czasem ukończenia dokumentu), wartość ta stanowi punkt odniesienia dla oceny postrzeganej szybkości witryny. Start Render oznacza początek widocznego ładowania strony, Document Complete koniec.
  • Document Complete: Wartość ta jest identyczna z Load Time.
  • Fully Loaded: Ta wartość pokazuje, kiedy strona jest całkowicie załadowana wszystkimi skryptami i elementami. Opisuje całkowity techniczny czas ładowania strony. Dla odwiedzającego jest to w większości przypadków nieistotne. To, co jest naprawdę decydujące, to postrzegany czas ładowania.

Do wszystkich tych wartości stosuje się następującą zasadę: im mniejsza, tym lepiej. Jako wskazówkę, możesz zapamiętać:

  • czas do pierwszego bajtu powinien być mniejszy niż 200 milisekund
  • Czas renderowania początkowego nie powinien być dłuższy niż 2,5 sekundy
  • Czas trwania całego dokumentu nie powinien przekraczać pięciu sekund

Oczywiście, wartości te są tylko zasadami. To zawsze zależy od Twojej strony: Strona sklepu z 50 produktami - czyli 50 lub więcej zdjęć i tekstów opisowych - ładuje się naturalnie wolniej niż strona z nadrukiem, która składa się tylko z tekstu.

Dlatego mogę tylko doradzić: Przetestuj strony swoich bezpośrednich konkurentów i swoich wzorców do naśladowania. W ten sposób uzyskuje się wartości porównawcze w obrębie branży.

Obliczanie wartości średnich - teraz czas na szczegóły

Niestety, opisany powyżej przegląd pokazuje tylko wyniki pojedynczego pomiaru. I pamiętaj: pojedyncze, wyizolowane wartości mogą prowadzić cię na manowce. Dlatego właśnie wykonałeś co najmniej trzy kolejne pomiary dla testu swojej strony. A średnie z tych trzech pomiarów są najlepszym przybliżeniem, jakie można uzyskać dla czasu ładowania strony.

I nie martw się: tworzenie średnich wymaga jedynie naciśnięcia przycisku:

Wyznacz wyniki testu strony internetowej
Po kliknięciu na opcję wykresu Webpagetest oblicza średnie wartości dla wyników pomiarów.

Teraz otrzymujesz początkowo mylącą ilość danych z tak zwanych działek. I to są dokładnie te wyniki, które chcesz mieć. W zasadzie ten nowy przegląd jest taki sam dla wszystkich wartości. Więc kiedy już zrozumiesz, jak je czytać, nie są one niczym zagmatwane.

Test strony internetowej Widok działki
Te działki są doskonałą ilustracją tego, dlaczego zawsze należy wykonywać wiele pomiarów: Punkt pomiarowy 3 jest prawie o sekundę gorszy niż punkt pomiarowy 1, więc uśrednianie jest niezbędne do profesjonalnej analizy wydajności.

Jak widać, wszystkie trzy wartości pomiarowe (1-3) są przedstawione na wykresie (szczególnie widoczna jest różnica między punktem pomiarowym 1 a punktem pomiarowym 3). Powyżej wykresu znajduje się wartość, do której odnosi się wykres (4). W tym przypadku jest to postrzegany czas ładowania(Document Complete lub Load Time). Liczba w kolumnie Mean opisuje teraz średnią wartość czasu ładowania dla wszystkich trzech pomiarów (5). Ta średnia jest najcenniejszą informacją, jaką możesz uzyskać o swojej stronie.

Przy okazji: Zaznaczając pole Powtórz, możesz również uzyskać wartości dla czasu ładowania z i bez buforowania. A jeśli chcesz znaleźć wyniki dla innych wartości: po prostu wyszukaj "First Byte" i "Start Render" w wyszukiwarce (CTRL+F dla komputerów PC i cmd+f dla komputerów Mac).

Wniosek pośredni: dużo pracy dla szczególnie wartościowych danych

Ok, to było dużo informacji. A było to wiele kroków. Szczególnie w porównaniu z prostymi metodami testowania. Ale warto się postarać, bo widać to w liczbach na wykresach: Dwa testy z tymi samymi ustawieniami mogą się czasami różnić o całą sekundę. W pewnych okolicznościach przypadek decyduje o tym, czy zainwestujesz czas i pieniądze w dalszą optymalizację swoich stron, czy też nie. A zwłaszcza jeśli zarabiasz na WordPress , czy to z własnym sklepem, czy z firmą projektującą strony internetowe, czy z własną agencją, powinieneś mieć najlepszą bazę danych do podjęcia takiej decyzji.

W rzeczywistości nie jesteśmy jeszcze na końcu. Ponieważ teraz znasz już najważniejsze parametry wydajnościowe swojej strony, a więc wiesz jak szybko ładuje się Twoja strona i czy jest jeszcze potencjał do optymalizacji, ale nie wiesz dokładnie gdzie Twoja strona może zostać poprawiona. I właśnie po to jest szczegółowa analiza.

Krok 3: Szczegółowa analiza

Przegląd już teraz mówi Ci wiele o Twojej stronie. Możesz zobaczyć, czy jest jeszcze miejsce na poprawę w pewnych obszarach, jak szybko ładuje się Twoja strona i czy mogłaby ładować się trochę szybciej. Jednak nie będziesz jeszcze w stanie określić przyczyn problemów. Można je jednak znaleźć w szczegółowych raportach:

Diagramy wodospadowe wyszczególniają każde pojedyncze żądanie HTTP, które przeglądarka kieruje do serwera WWW. Na pierwszy rzut oka schematy te wydają się bardzo złożone i zagmatwane. Ale jeśli wiesz jak, możesz wyciągnąć wiele szczegółów na temat swojej witryny z wykresu wodospadowego za pomocą jednego spojrzenia. Tutaj pokażemy Ci, jak poprawnie odczytywać wykresy wodospadowe i jak możesz je wykorzystać do dalszej optymalizacji swojej strony.

Zasadniczo, szybka strona ma krótki wykres wodospadowy z kilkoma, krótkimi żądaniami. Oznacza to, że długość diagramu i długość kresek w poszczególnych wierszach są szczególnie istotne.

W przeglądzie wydajności znajdziesz szczegółowe informacje na temat tego, jak dobrze zoptymalizowana jest wydajność Twojej witryny. Ten szczegółowy przegląd zawiera trzy elementy:

  • lista kontrolna optymalizacji
  • szczegółowy podział badania skuteczności działania
  • słowniczek

Powinieneś najpierw zajrzeć do słownika, jeśli po raz pierwszy analizujesz swoją stronę za pomocą webpagetest.org. Tutaj wyjaśnione są wszystkie ważne terminy dotyczące oceny pracy.

Fragment słowniczka Webpagetest.
Niestety w języku angielskim, ale Webpagetest rzeczywiście wyjaśnia każdy termin techniczny w szczegółach.

W liście kontrolnej optymalizacji znajdują się poszczególne kryteria oceny, które są stosowane do każdego z żądań HTTP. Zielony znacznik oznacza, że wymóg jest spełniony, żółty trójkąt wskazuje na potrzebę poprawy, a czerwony krzyżyk oznacza brak proponowanego środka optymalizacyjnego.

Fragment listy kontrolnej wydajności Webpagetest.
Dzięki liście kontrolnej optymalizacji możesz dokładnie sprawdzić, które obrazy na twojej stronie nadal mają potencjał optymalizacji, które żądania powinny być bardziej skompresowane i czy buforowanie działa prawidłowo.

Na koniec, w sekcji Szczegóły znajdziesz opis ostrzeżeń i brakujących środków optymalizacyjnych. Webpagetest opisuje jeszcze możliwe optymalizacje dla każdego zasobu. Na przykład w przypadku obrazów pokazuje, jak dużo danych można zapisać.

Będziesz musiał spędzić trochę czasu z tymi szczegółowymi ocenami, ale z ich pomocą możesz uzyskać szczegółowy obraz swojej witryny i jej potencjału optymalizacyjnego.

A ponieważ jest to w zasadzie ta sama informacja, którą wypluwa PageSpeed Insights , możesz oczywiście uruchomić równolegle analizę PageSpeed. Bo ten test jest o wiele ładniejszy i lepiej przygotowany.

Krok 4: Analiza postrzeganego czasu ładowania

W przeciwieństwie do wszystkich innych testów, które znamy, Webpagetest jest jedynym, który wyświetla postrzegany czas ładowania strony za darmo. Poprzez filmstripview możesz obejrzeć filmik z ładowania strony. W ten sposób możesz zobaczyć dokładnie, co widzą odwiedzający i lepiej ocenić, czy i jak Twoja strona powinna być zoptymalizowana.

Webpagetest Znajdź Filmstripview
Podgląd filmu znajduje się w przeglądzie wyników pomiarów po prawej stronie. Uwaga: Ta opcja nie zawsze jest wyświetlana. Dlaczego tak się dzieje, nie jest dla mnie całkiem jasne. Jednak powtórzenie testu do tej pory zawsze umożliwiało skorzystanie z tej opcji.

Postrzegany czas ładowania jest prawdopodobnie najważniejszą metryką czasu ładowania strony. Ma to wpływ na to, czy odwiedzający opuszczą stronę przedwcześnie, na prawdopodobieństwo konwersji oraz na ogólne wrażenia z użytkowania strony. Szczególnie dla sklepów internetowych szybkość strony jest ważnym wskaźnikiem. Oczywiście, postrzegany czas ładowania powinien być zawsze jak najmniejszy.

Oprócz filmowego stripview, pamiętaj o tym:

Schematyczne przedstawienie czasu ładowania strony
Postrzegany całkowity czas ładowania powinien być jak najmniejszy. Jednocześnie ważne jest, aby odległość między T0 a startem renderingu była jak najmniejsza. Ponieważ wtedy użytkownik bardzo wcześnie odnosi wrażenie, że strona jest całkowicie załadowana, nawet jeśli jest to dalekie od tego.

Widok Filstrip View pokazuje dokładnie jak wygląda Twoja strona i jakie procesy są uruchomione w danym momencie. Jeśli spojrzysz na test z tymi danymi, zobaczysz, że nic nie dzieje się na stronie dłużej niż trzy sekundy. Ale potem, za jednym zamachem, strona wygląda prawie dokładnie tak samo, jak w stanie końcowym. Użytkownik ma więc wrażenie, że strona skończyła się ładować w ciągu 3,5 sekundy. Albo odwiedzający po 3,5 sekundy ma już wrażenie, że może wejść w interakcję ze stroną.

Tak więc szczególnie w przypadku nadawania priorytetu widocznej zawartości strony, widok paska filmowego jest bardzo cennym narzędziem.

Wniosek: Dzięki tym podstawom i odrobinie praktyki uzyskasz bardzo dobry przegląd swojej witryny.

Ok, po przeczytaniu tego artykułu powinieneś już być w stanie wybrać odpowiednie ustawienia dla testu strony internetowej, wiedzieć, które metryki interpretować i jak zapobiegać błędnym interpretacjom z powodu wartości odstających. Wiesz także, gdzie znaleźć szczegółowe informacje na temat Twojej strony oraz jak określić i wyświetlić postrzegany czas ładowania strony.

Tak więc znasz ważne podstawy, aby uzyskać naprawdę kompleksowy przegląd własnej witryny, witryn swoich klientów i każdego innego projektu internetowego. I wiesz, skąd czerpać informacje, które pozwolą Ci wypełnić wyniki pomiarów życiem i wyciągnąć znaczące wnioski dla Twojej witryny.

Ale dlaczego to znowu było ważne? Mówiąc wprost: bez rozsądnego pomiaru rzeczywistego stanu strony nie można prawidłowo ocenić, jak aktualnie ładuje się strona. A z drugiej strony, brakuje Ci informacji do optymalizacji czasu ładowania.

Masz inną wskazówkę jak używać webpagetest? Doskonale, więc napisz komentarz do tego posta!

RAIDBOXER od początku istnienia firmy i szef działu wsparcia. Na Bar- i WordCampach uwielbia rozmawiać o PageSpeed i wydajności stron internetowych. Najlepszym sposobem na przekupienie go jest espresso - lub bawarski precel.

Powiązane artykuły

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola obowiązkowe oznaczone są *.