Webpagetest: Oswajaj testowego potwora i analizuj swoje strony internetowe

Jan Hornung Ostatnia aktualizacja 23.01.2020
14 Min.
Test strony internetowej
Ostatnia aktualizacja 23.01.2020

WebPagetest jest prawdopodobnie najlepszym i najbardziej wszechstronnym darmowym narzędziem do pomiaru czasu ładowania strony. Niestety dostarcza on wiele bardzo złożonych danych. Dzisiaj pokażę wam, co musicie dostosować, jak wprowadzić porządek w chaosie danych i jakich parametrów potrzebujecie do profesjonalnej analizy. Ponieważ tylko wtedy, gdy wiesz, jak wyglądają projekty Twoich klientów i jak ładują się Twoje własne strony, możesz je zoptymalizować.

Na pewno powinna być strona własna. I to szybko. Oczywiście, ponieważ wiele zależy od czasu ładowania: współczynnik konwersji, postrzeganie bezpieczeństwa przez odwiedzających oraz ranking Twojej oferty w Google. Ale wielu WordPress użytkowników nie dociera nawet do punktu, w którym mogliby poprawnie określić czas ładowania własnej strony.

Niektórzy operatorzy witryn internetowych, na przykład, nie wiedzą nawet, za pomocą jakich narzędzi mogą poprawnie analizować swoją witrynę. Albo nie wiedzą, jakich ustawień muszą dokonać, aby osiągnąć naprawdę dobre wyniki. Aby uniknąć popełnienia tych samych błędów, pokażę wam dzisiaj, jak uzyskać szybki i znaczący przegląd waszej strony z (naszym zdaniem) najlepszym dostępnym bezpłatnym narzędziem pomiarowym. Więc wiesz dokładnie, jak szybko Twoja strona się ładuje oraz czy i gdzie musisz ją zoptymalizować.

Aby dokładnie zrozumieć, jak działają poszczególne etapy analizy, radzę przyjrzeć się zestawom danych połączonych w ważnych punktach lub równolegle przeanalizować własną stronę. Ponieważ: zaprowadzenie porządku w chaosie danych nie jest takie proste. Ale w nagrodę za ten wysiłek, otrzymasz jedne z najlepszych danych, jakie kiedykolwiek zebrałeś o swojej stronie. A zwłaszcza jeśli pracujesz dla klienta lub zarabiasz pieniądze naWordPress projektach WP, wysiłek jest tego wart.

Webpagetest jest najlepszym narzędziem, jakie znamy.

Przyjęte: Chwalimy webpagetest.org w tym artykule gushy. Może za dużo, ale nie za dużo. Ponieważ Webpagetest jest jedynym znanym nam narzędziem, które pozwala niezawodnie określić bezwzględny i postrzegany czas ładowania strony. I to wszystko za darmo. Nie ma bariery płatniczej, nie ma modelu abonamentowego, po prostu cenne dane i APIco pozwala na zautomatyzowanie całej sprawy: tak powinno być.

W trosce o kompletność, pozwolę sobie powiedzieć, że ty również Królestwo lub GTmetrix uzyskać ładne wyniki testów. Ale nie tak fajnie jak z testem strony internetowej. Nie oznacza to oczywiście, że nie można i nie powinno się popierać swoich wyników kilkoma testami w różnych narzędziach. I nie oznacza to, że nie powinieneś mierzyć z Pingdom czy GTmetrix. Ale mogę polecić ci chociaż raz spojrzeć na Webpagetest.

Prawie stała się z nami mantrą: Aby zmierzyć czas ładowania strony, należy użyć takich narzędzi jak Google PageSpeed Insights nie na zewnątrz. Ponieważ określają one jedynie potencjał wydajności Twojej strony. Dane te są oczywiście nadal cenne - z punktu widzenia wydajności i SEO - ale po prostu nie pozwalają wyciągnąć żadnych wniosków na temat tego, co faktycznie dzieje się, gdy odwiedzający odwiedza Twoją stronę.

To jest to, co chcesz wiedzieć. I to jest dokładnie to, co musisz wiedzieć, aby określić, czy dany środek optymalizacyjny jest skuteczny.

Niestety, Webpagetest dostarcza nie tylko bardzo ładnie przygotowane dane, ale także bardzo obszerne wyniki testów. Dlatego dziś pokażę wam, jak korzystać z Webpagetest i jak interpretować wyniki w sposób podstawowy.

W następnej sekcji pokrótce przejdę do kilku podstawowych informacji o narzędziu. Jeśli nie jesteś zainteresowany, pominąć Po prostu zrób to.

Webpagetest: Starszy brat Google'a PageSpeed Insights

Webpagetest był pierwotnie projektem AOL i był przeznaczony wyłącznie do użytku wewnętrznego. Ale w 2008 roku program stał się oprogramowaniem open source i jest teraz Głównie utrzymywane i rozwijane przez Google. Pełna dokumentacja Webpagetest znajduje się pod adresem GitHub a także może Pobrany i używane lokalnie.

Podczas gdy PageSpeed Insights to pokazuje, gdzie leży potencjał optymalizacyjny Twojej strony, Webpagetest może zrobić o wiele więcej. Pokazuje on bowiem nie tylko w jaki sposób można ulepszyć swoją stronę, ale także bezpośrednio jaki wpływ na czas ładowania strony mają podejmowane przez Państwa działania optymalizacyjne.

W przeciwieństwie do Pingdom i GTmetrix, za Webpagetest nie stoi żadna firma, która chce sprzedać płatną usługę (ok, z wyjątkiem Google, ale przynajmniej usługa nie jest sprzedawana bezpośrednio). Można by raczej powiedzieć, że Webpagetest jest częścią planu Google'a, który zakłada ogólne przyspieszenie Internetu. Cokolwiek by się nie chciało oceniać wysiłków Google'a w tym kontekście.

W 4 krokach do naprawdę znaczących danych dotyczących czasu ładowania

Tak, Webpagetest jest bardziej złożony niż inne narzędzia. Ale nie pozwól, by to cię odstresowało! W tym przypadku złożoność jest dobra. Ponieważ oznacza to, że otrzymujesz świetne dane o swojej stronie internetowej. I nawet jako pierwszy użytkownik otrzymujesz istotne informacje dość szybko.

Odbywa się to w następujących czterech krokach:

Krok pierwszy: Ustawienie parametrów testowych

Krok drugi: przedstawić zarys ogólny

Krok trzeci: Szczegółowa analiza

Krok czwarty: Analiza postrzeganego czasu załadunku

Etap 1: Ustawienie parametrów testu

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

  • serwer, który ma być testowany z (1)
  • przeglądarka, która ma być testowana z (2)
  • zaawansowane ustawienia testowe, które za chwilę omówię bardziej szczegółowo (3)
Strona główna Webpagetest
Tak wygląda strona startowa Webpagetest. Jest trochę bardziej skomplikowany niż te z Pingdom czy GTmetrix.

Wybrany do testu serwer symuluje użytkownika, który uzyskuje dostęp do strony stamtąd. Jeśli wybierzesz domyślny serwer w USA, zostanie wyświetlony wynik testu dla wywołania strony z Teksasu. Ale w większości przypadków nie jest to koniecznie to, czego chcesz. Dlatego to ustawienie jest bardzo ważne. Ponieważ może to w znacznym stopniu zniekształcić ogólny wynik i musi być odpowiednio ustawione, w zależności od zastosowania.

Dwa najczęstsze zastosowania to:

  1. Określenie czasu ładowania dla użytkownika z grupy docelowej
  2. Porównanie czasu obciążenia po pomiarze optymalizacyjnym

Jeśli chcesz wiedzieć, jak Twoi goście postrzegają czas ładowania strony, lokalizacja serwera musi odpowiadać jak najbardziej lokalizacji typowego użytkownika. W przypadku bloga z czytelnikami głównie niemieckimi oznacza to, że należy wybrać serwer w Niemczech, na przykład we Frankfurcie.

Jeśli chcesz wiedzieć, jaki środek optymalizacyjny jest potrzebny, to w zasadzie nie ma znaczenia, z jakiej lokalizacji serwera korzystasz. Jedyną ważną rzeczą jest: musisz użyć tej samej lokalizacji serwera do testu przed i po optymalizacji. W przeciwnym razie nie można prawidłowo porównać zmierzonych danych. Oczywiście do tego testu polecam również niemiecki serwer testowy. To po prostu daje najbardziej realistyczne rezultaty.

Webpagetest: Mapa wyboru serwera testowego na Webpagetest.org
Oprócz wyboru listy masz również możliwość wyboru serwera testowego za pomocą mapy. Na pierwszy rzut oka widać też wszystkie serwery testowe.

Używana przeglądarka

Webpagetest oferuje wiele opcji ustawień do symulacji niektórych technik transmisji i przeglądarek. Na przykład, można zdefiniować, że strona powinna być załadowana przez połączenie 3G i Firefoxa. Na początek wystarczy wybrać przeglądarkę, z której Twoja grupa docelowa korzysta najczęściej.

Informacje na ten temat można znaleźć na przykład w Google Analytics lub Piwik.RAIDBOXES

Wyciąg z 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 stronie raidboxes.de. Więc do analizy w Webpagetest przetestowałbym głównie Chrome. Z drugiej strony, wyniki dla Firefox i Safari są oczywiście również interesujące.

Bardzo ważne: Ustawienia zaawansowane określają, jak dobre będą ostatecznie Twoje dane pomiarowe!

Oprócz dwóch parametrów, które określają sposób przeprowadzenia testu - tj. lokalizacji serwera i używanej przeglądarki - Webpagetest oferuje również możliwość ustawienia, co test ma na końcu wyprowadzić. W ustawieniach zaawansowanych można na przykład zdefiniować, że tylko pewne wartości powinny być wyprowadzane, lub że test powinien się automatycznie zatrzymać po pewnym czasie. A oto dwa ustawienia, które są szczególnie ważne dla uzyskania w miarę wszechstronnych i wiarygodnych danych: Liczba testów do wykonania" i "Widok powtarzania".

W zasadzie przy pomiarze czasu ładowania należy zawsze mierzyć więcej niż jeden raz. W przeciwnym razie ryzykujesz, że zmierzysz wartości odstające i możesz szukać problemu, który nie istnieje. I proszę mi wierzyć: doświadczyliśmy tego już kilka razy. Zalecam co najmniej trzy kolejne testy.

Powinieneś również pamiętać, aby zawsze mierzyć podręczną wersję Twojej strony. Można to zrobić za pomocą opcji Powtórz widok.

Ustawienia zaawansowane Webpagetest
W zaawansowanych ustawieniach Webpagetest leży prawdziwa magia tego narzędzia. Tylko jeśli wybierzesz tutaj co najmniej 3 testy i włączysz do nich również Widok Powtórzeń, dane, które otrzymasz będą naprawdę interesujące.

Czy masz swój adres URL - na przykład https://raidboxes.de - i ustawić parametry testu (tzn. niemiecki serwer, przeglądarkę, minimum 3 powtórzenia i widok powtarzania), można rozpocząć test. W zależności od tego, ilu innych użytkowników testuje obecnie swoje strony, analiza może potrwać kilka minut.

Ważne: Webpagetest testuje tylko stronę, do której można dotrzeć pod adresem URL, a nie całą swoją obecność w sieci. Oznacza to, że powinieneś przetestować swoją stronę główną, wszystkie strony docelowe, a w razie potrzeby także swój przegląd produktów indywidualnie.

W tym przewodniku pracuję z danymi z analizy naszej strony głównej, raidboxes.com. Oznacza to, że możesz odtworzyć wszystko, co zostało tu wyjaśnione, jeden do jednego na stronie webpagetest.org. Wystarczy kliknąć tutaj a wyniki analizy otrzymają Państwo pod koniec grudnia 2016 roku.

Krok 2: Uzyskanie przeglądu

Pierwszą rzeczą, którą widzisz, jest przegląd czasu ładowania strony. Jest to podzielone na trzy części:

  • parametry badania i wyniki potencjalnych analiz (1)
  • podział głównych cech charakterystycznych (2)
  • przegląd struktury strony (3)
Przegląd wyników badania Webpagetest
Przegląd pierwszych wyników z webpagetest.org

(1) Im więcej zieleni, tym lepiej

W pierwszej części wymieniono ponownie parametry testowe do celów kontrolnych. Jeśli znajdziesz tu jakiś błąd, po prostu powtórz test. Zobaczysz również wynik analizy potencjału. Tak więc Webpagetest daje Ci również wyniki z GooglePageSpeed Insights . Jeśli poradzisz sobie ze spartacyjną prezentacją Webpagetest, dualso poradzi sobie PageSpeed Insights bez.

Webpagetest używa szkolnej klasy i kolorowego kodu. A jest najlepsze, F najgorszy wynik. Kolor zielony wskazuje na dobry stopień optymalizacji, pomarańczowy na potencjał optymalizacji użytkowej, a czerwony na pilną potrzebę działania.

(2) Im szybciej tym lepiej

W drugiej części wyników zostaną przedstawione wszystkie istotne dane kluczowe dotyczące czasu ładowania strony dla buforowanych i niebuforowanych wariantów strony. Najważniejsze jest to: W przeglądzie, Webpagetest wyświetla wartości tylko dla jednego z trzech testów. Przegląd pokazuje, który z testów to jest, tuż obok etykiet First View i Repeat View. Na przykład, badanie 2 jest wynikiem drugiego badania testowego.

Objaśnienie poszczególnych wyników badania Webpagetest
Niestety, ten przegląd jest dostępny tylko dla indywidualnych wyników pomiarów, tzn. indywidualnych przebiegów testowych. Dla naprawdę wartościowych wartości, trzeba przejść o jeden poziom głębiej. Za chwilę wyjaśnię, jak to zrobić.

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

  • Czas ładowania: Czas, który zajmuje użytkownikowi, aby poczuł, że strona jest w pełni załadowana. Czas ładowania odpowiada postrzeganemu całkowitemu czasowi ładowania Twojej strony.
  • Pierwszy bajt: Czas do momentu przesłania pierwszego bajtu danych pomiędzy klientem a serwerem WWW. Jeśli to możliwe, wartość ta powinna być mniejsza niż 200 milisekund i jest ważnym wskaźnikiem wydajności Twojego hostingu.
  • Start Render: Ta wartość opisuje czas, przez jaki strona jest ładowana do momentu, gdy zawartość zostanie wyświetlona gościowi po raz pierwszy. Do tego czasu strona pozostaje całkowicie biała dla użytkownika. Wartość ta powinna być również jak najniższa. Wraz z czasem ładowania (lub dokumentem kompletnym), wartość ta tworzy standard oceny dla postrzeganej prędkości strony internetowej. Start Render oznacza początek widocznego ładowania strony, Dokument Uzupełnij koniec.
  • Document Complete: Ta wartość jest identyczna z wartością Load Time.
  • Fully Loaded: Wartość ta wskazuje, kiedy strona jest w pełni załadowana, ze wszystkimi skryptami i elementami. Opisuje on całkowity czas obciążenia technicznego strony. Zazwyczaj nie ma to znaczenia dla gościa. To, co naprawdę się liczy, to postrzegany czas załadunku.

Dla wszystkich tych wartości obowiązują następujące zasady: Im mniejsze, tym lepsze. Jako wskazówkę, pamiętaj:

  • czas do pierwszego bajtu powinien wynosić mniej niż 200 milisekund
  • Start Render nie powinien być dłuższy niż 2,5 sekundy.
  • Dokument kompletny nie powinien być dłuższy niż pięć sekund.

Oczywiście te wartości to tylko zasady. To zawsze schodzi też na twoją stronę: Strona sklepu z 50 produktami - tj. 50 lub więcej zdjęć i tekstów opisów - ładuje się naturalnie wolniej niż strona z nadrukiem składająca się tylko z tekstu.

Więc mogę tylko zgadywać: Przetestuj również strony swoich bezpośrednich konkurentów i swoje wzorce. W ten sposób można uzyskać porównywalne wartości w branży.

Obliczanie średnich wartości - Teraz czas zabrać się do pracy

Niestety, wyjaśniony powyżej przegląd pokazuje tylko wyniki pojedynczego przebiegu pomiarowego. I pamiętacie: pojedyncze, odizolowane wartości mogą sprowadzić was na manowce. Dlatego też wykonałeś co najmniej trzy kolejne pomiary, aby przetestować swoją stronę. A średnie wartości tych trzech pomiarów są najlepszymi przybliżeniami, jakie można uzyskać dla czasu ładowania strony.

I nie martw się: Tworzenie średnich wartości wymaga tylko wciśnięcia przycisku:

Wyniki plotowania Webpagetest
Klikając 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 odczytywać, nie są one niczym innym, jak tylko zagmatwaniem.

Webpagetest Widok działki
Te działki doskonale ilustrują, dlaczego zawsze należy wykonać kilka pomiarów: Punkt pomiarowy 3 jest o prawie jedną sekundę gorszy od punktu pomiarowego 1, więc uśrednianie jest niezbędne do profesjonalnej analizy wydajności.

Jak widać, wszystkie trzy zmierzone wartości (1-3) są wykreślone na wykresie (różnica pomiędzy punktem pomiarowym 1 a punktem pomiarowym 3 jest szczególnie wyraźna!). Nad wykresem znajduje się wartość, do której odnosi się wykres (4). W tym przypadku jest to czas postrzeganego załadunku (czas ukończenia dokumentu lub czas załadunku). Liczba w kolumnie Średnia opisuje teraz średnią wartość czasu obciążenia we wszystkich trzech pomiarach (5). Ta średnia wartość jest najcenniejszą informacją, jaką możesz uzyskać o swojej stronie.

Przy okazji: Zaznaczając pole "Box Repeat" można również uzyskać wartości dla czasu ładowania z buforowaniem i bez buforowania. A jeśli chcesz znaleźć wyniki dla innych wartości: Wystarczy użyć wyszukiwarki (CTRL+F dla PC i cmd+f dla Maców), aby znaleźć "Pierwszy bajt" i "Start Render".

Wniosek tymczasowy: Dużo pracy nad szczególnie cennymi danymi

Dobra, to było sporo pracy. I to było wiele kroków. Szczególnie w porównaniu z prostymi metodami testowania. Ale było to warte wysiłku, bo widać to było w liczbach na wykresach: Dwa testy z tymi samymi ustawieniami mogą być czasami oddalone od siebie o całą sekundę. Może więc to właśnie ta szansa decyduje o tym, czy zainwestujesz czas i pieniądze w dalszą optymalizację swoich stron, czy też nie. A zwłaszcza jeśli zarabiasz pieniądze we WordPress własnym sklepie, firmie zajmującej się projektowaniem stron internetowych lub agencji, powinieneś mieć najlepszą bazę danych do podjęcia takiej decyzji.

Ale tak naprawdę nie jesteśmy jeszcze na końcu. Ponieważ teraz znasz najważniejsze parametry wydajności Twojej strony, więc wiesz jak szybko się ładuje i czy jest jeszcze potencjał do optymalizacji, ale nie wiesz gdzie dokładnie Twoja strona może zostać ulepszona. I do tego właśnie służy szczegółowa analiza.

Etap 3: Szczegółowa analiza

Przegląd ten mówi już wiele o Twojej stronie. Możesz sprawdzić, czy w niektórych obszarach jest jeszcze miejsce na poprawę, jak szybko Twoja strona faktycznie się ładuje i czy może ładować się nieco szybciej. Jednak nie znasz jeszcze przyczyn tych problemów. Ale można je znaleźć w szczegółowych raportach:

Schematy wodospadów wymieniają każde pojedyncze żądanie HTTP, które przeglądarka wysyła do serwera WWW. Na pierwszy rzut oka schematy te wydają się bardzo skomplikowane i mylące. Ale jeśli wiesz jak, możesz uzyskać wiele szczegółów o swojej stronie z wykresu wodospadu jednym spojrzeniem. Tutaj pokażemy Ci jak poprawnie odczytywać schematy wodospadów i jak możesz je wykorzystać do dalszej optymalizacji Twojej strony.

Zasadniczo, szybka strona ma krótki diagram wodospadu z kilkoma, krótkimi zapytaniami. Oznacza to, że długość wykresu i długość prętów w poszczególnych liniach są szczególnie istotne.

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

  • lista kontrolna optymalizacji
  • szczegółowy podział badania eksploatacyjnego
  • glosariusz

Powinieneś najpierw zajrzeć do słownika, gdy analizujesz swoją stronę z webpagetest.org po raz pierwszy. Wyjaśnia on wszystkie ważne warunki oceny wyników.

Wyciąg z glosariusza Webpagetest.
Niestety w języku angielskim, ale Webpagetest właściwie wyjaśnia każdy termin techniczny w szczegółach.

Na liście kontrolnej optymalizacji znajdują się indywidualne kryteria oceny, które są stosowane do każdego z żądań HTTP. Zielony znak kontrolny oznacza, że wymóg jest spełniony, żółty trójkąt oznacza, że istnieje możliwość poprawy, a czerwony krzyżyk oznacza, że brakuje proponowanego działania optymalizacyjnego.

Wyciąg z listy kontrolnej wydajności Webpagetest.
Dzięki liście kontrolnej optymalizacji możesz na przykład sprawdzić, które obrazy Twojej strony mają jeszcze potencjał optymalizacji, które żądania powinny być jeszcze bardziej skompresowane oraz czy Twój cache działa poprawnie.

Na koniec, w części szczegółowej znajdziecie Państwo opis ostrzeżeń i brakujących środków optymalizacyjnych. Webpagetest opisuje dla każdego zasobu jeszcze możliwe optymalizacje. W przypadku zdjęć pokazuje na przykład, ile danych można zapisać.

Chociaż z tymi szczegółowymi ocenami będziesz musiał sobie poradzić przez jakiś czas, możesz z nich skorzystać, aby uzyskać szczegółowy obraz swojej strony i jej potencjału optymalizacyjnego.

A ponieważ są to w zasadzie te same informacje, które wypluwająPageSpeed Insights , możesz oczywiście po prostu uruchomić analizę PageSpeed równolegle. Ponieważ ten test jest dużo ładniejszy i lepiej przygotowany.

Etap 4: Analiza postrzeganego czasu załadunku

W przeciwieństwie do wszystkich innych znanych nam testów, Webpagetest jest jedynym, który pokazuje postrzegany czas ładowania Twojej strony za darmo. Możesz obejrzeć film o strukturze strony za pomocą podglądu filmu. W ten sposób widzisz dokładnie to, co widzą Twoi goście i możesz jeszcze lepiej ocenić, czy i jak Twoja strona powinna być zoptymalizowana.

Webpagetest Find Filmstripview
Podgląd paska taśmy filmowej znajduje się w podglądzie wyniku pomiaru po prawej stronie. Uwaga: Ta opcja nie zawsze jest wyświetlana. Dlaczego nie jest to dla mnie całkiem jasne. Jednakże, powtarzanie testu zawsze udostępniało tę opcję.

Postrzegany czas ładowania jest prawdopodobnie najważniejszym parametrem czasu ładowania Twojej strony. Ma to wpływ na to, czy Twoi goście opuszczą stronę wcześnie, na prawdopodobieństwo konwersji i ogólne doświadczenie Twojej strony. Zwłaszcza w przypadku sklepów postrzegana prędkość strony internetowej jest więc ważnym punktem odniesienia. Oczywiście postrzegany czas załadunku powinien być zawsze tak krótki, jak to możliwe.

Oprócz podglądu filmu należy pamiętać o następujących kwestiach:

Schematyczne przedstawienie czasu ładowania strony
Postrzegany całkowity czas ładowania powinien być możliwie jak najkrótszy. Jednocześnie ważne jest, aby odległość pomiędzy T0 a Start Render była jak najkrótsza. Bo wtedy użytkownik bardzo wcześnie odnosi wrażenie, że strona jest załadowana gotowa, nawet jeśli daleko mu do tego.

Widok paska filtra pokazuje z dokładnością do jednej dziesiątej sekundy, jak wygląda Twoja strona i jakie procesy są uruchamiane w danym momencie. Jeśli spojrzysz na test z tymi danymizobaczysz, że nic nie rusza się po tej stronie przez więcej niż trzy sekundy. Ale potem, nagle, strona wygląda prawie tak samo jak w stanie końcowym. Użytkownik ma wrażenie, że strona jest ładowana w ciągu 3,5 sekundy. Albo, alternatywnie, odwiedzający ma już po 3,5 sekundy poczucie, że może wejść w interakcję ze stroną.

Zwłaszcza przy nadawaniu priorytetu widocznej zawartości strony, widok paska filmowego jest bardzo cennym narzędziem.

Wniosek: Z tymi podstawami i odrobiną praktyki otrzymasz bardzo dobry przegląd swojej strony internetowej

Ok, po przeczytaniu artykułu powinieneś być teraz w stanie wybrać odpowiednie ustawienia dla testu strony internetowej, wiedzieć, jakie metryki musisz zinterpretować i jak zapobiec niewłaściwej interpretacji z powodu odchyleń. Wiesz również, gdzie można znaleźć szczegółowe informacje o swojej stronie i jak określić postrzegany czas ładowania strony i jak go wyświetlić.

Znasz więc ważne podstawy, aby uzyskać naprawdę kompleksowy przegląd własnej strony internetowej, stron klientów i każdego innego projektu internetowego. A ty wiesz, skąd wziąć informacje, które pozwolą ci ożywić wyniki pomiarów i wyciągnąć sensowne wnioski dla twojej strony.

Ale dlaczego to znowu było takie ważne? Całkiem prosto: bez rozsądny pomiar stanu faktycznego nie możesz prawidłowo ocenić, jak Twoja strona jest aktualnie ładowana. A z drugiej strony brakuje ci informacji do Optymalizacja czasu załadunku.

Masz jeszcze jedną wskazówkę dotyczącą korzystania z Webpagetest? Doskonale, a następnie napisz komentarz do tego postu!

RAIDBOXER z pierwszej godziny i kierownik działu wsparcia. W Bar- i WordCamps lubi rozmawiać o PageSpeed i wydajności strony internetowej. Najlepszym sposobem na przekupienie go jest espresso - lub bawarski precel.

Artykuły pokrewne

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola oznaczone są * Zaznaczone.