Serce każdej dobrej analizy wydajności

Jan Hornung Ostatnia aktualizacja 15.01.2021
4 Min.
ZoptymalizujWordPress

Dla udanego biznesu online lub bloga, ważne jest, abyś wiedział jak szybko ładuje się Twoja strona. I jak można zoptymalizować pod tym kątem stronę WordPress . Ale dobre narzędzia analityczne dostarczają tony danych. Szczególnie wykresy wodospadowe nie są łatwe do odczytania. Dziś pokażę Ci trzy proste sztuczki, które pomogą Ci wydobyć więcej z analizy wydajności za pomocą jednego spojrzenia i zoptymalizować WordPress we właściwych miejscach.

Kiedy po raz pierwszy zacząłem zagłębiać się w temat optymalizacji strony WordPress , po raz pierwszy skorzystałem również z webpagetest.org. W tym czasie byłem dosłownie zdruzgotany wynikami. Szczególnie diagram wodospadowy wydaje się na początku trudno uchwytną i porządkującą dane bestią: Kolory, liczby, długość prętów, ich kolejność, wszystko ma znaczenie.

Dlatego wykresy mogą również powiedzieć Ci wiele cennych rzeczy na temat Twojej strony. Jeśli wiesz, czego szukać.

Dziś pokażę Ci, jak możesz wykorzystać trzy proste sztuczki, aby błyskawicznie uchwycić ważne dane na temat czasu ładowania strony i tym samym zoptymalizować WordPress w odpowiednich miejscach.

Konkretnie, pokażę ci:

  • jak rozpoznać powolny serwer internetowy
  • jak rozpoznać nieskompresowane obrazy i zbyt duże pliki
  • jak sprawdzić, czy Twój serwer obsługuje HTTP/2

Zalecana imitacja

Wiele z danych, które dziś pokażę pochodzi z webpagetest.org. Wykresy wodospadowe tego narzędzia są szczególnie złożone, ale dostarczają również wiele informacji na temat Twojej witryny.

Jeśli chcesz śledzić wyniki testu, kliknij tutaj i sprawdź dane w całości w Webpagetest.

Jeśli chcesz zoptymalizować swoją własną stronę za pomocą analizy Webpagetest musisz pamiętać, że każdy test jest tylko migawką. Jeśli naprawdę zależy Ci na wiarygodnych wynikach, radzę Ci przeprowadzić co najmniej trzy testy. W ten sposób zmniejszasz szansę na pomiar wartości odstających i otrzymujesz lepszą bazę danych do podejmowania ważnych decyzji.

OptymalizacjaWordPress  - schemat wodospadowy
To jest tylko pierwsza trzecia część diagramu wodospadowego dla raidboxes.de. I już tutaj staje się jasne, że diagram nie jest łatwo przenikalny.

Jak rozpoznać powolny serwer WWW

Najważniejszą wartością do oceny czasu odpowiedzi Twojego serwera jest tak zwany Time to First Byte (TTFB). TTFB to czas, który upływa do momentu pobrania pierwszego bajtu danych z serwera internetowego. W tym czasie nic się nie dzieje. Przynajmniej nic, co Twój odwiedzający mógłby odebrać jako ładowanie strony. Dlatego ważne jest, aby Time to First Byte był jak najmniejszy.

Spójrz na pierwsze zapytanie diagramu wodospadowego. Powinien on być jak najkrótszy. Najlepiej, jeśli jest to mniej niż 200 milisekund.

Pierwsze zapytanie na Twojej stronie powinno być jak najkrótsze. Najlepiej poniżej 200 ms.

Ten przykład ilustruje to, co mam na myśli: Przed przeniesieniem do nas, ta strona klienta czasami miała TTFB ponad 3,5 sekundy. Po przeprowadzce było to znacznie poniżej 200 ms. Szczególnie bladoniebieski obszar pierwszego żądania uległ znacznemu zmniejszeniu.

Przed:

OptymalizujWordPress  - Przykład dla ekstremalnie długiego czasu do pierwszego bajtu

Z RAIDBOXES:

OptymalizujWordPress  - Czas do pierwszego bajtu z RAIDBOXES

Więc jeśli regularnie mierzyć bardzo wysoki czas do pierwszego bajtu na swoich WordPress projektów, jeden środek optymalizacji byłoby zmienić hosta lub uaktualnić plan hostingowy odpowiednio.

Wykrywanie zbyt dużych obrazów i zasobów

Każda linia diagramu wodospadowego reprezentuje tzw. żądanie. Jest to żądanie od przeglądarki do serwera WWW. Żądanie to obejmuje pobieranie pakietów danych, np. obrazów. W poniższym przykładzie fioletowa część słupków odpowiada czasowi pobierania.

OptymalizujWordPress  - wykrywanie zbyt dużych obrazów

Jak widać, obrazy na tej stronie ładują się bardzo długo - prawie 12, trzy i prawie dziewięć sekund. Wyraźne wskazanie dla obrazów nieskompresowanych.

Długie fioletowe paski są wyraźną oznaką braku kompresji obrazu.

Webpagetest pokazuje dla każdego żądania dokładnie, który zasób to jest. Dzięki temu łatwo dowiesz się, które zdjęcie na Twojej stronie WordPress jest za duże i powinno zostać zoptymalizowane.

Oczywiście, dotyczy to również wszystkich innych typów plików, które Webpagetest wyświetla. Na przykład CSS i JavaScript. Pliki te mogą być również skompresowane, co jeszcze bardziej skraca czas ładowania strony.

Rozpoznaj protokół HTTP/2

Jeśli chcesz wiedzieć, czy Twoje projekty WordPress skorzystają z superszybkiego standardu HTTP/2, możesz to sprawdzić jednym spojrzeniem na diagram wodospadowy.

Jeśli żądania Twojej strony są przetwarzane równolegle, to znaczy, że HTTP/2 jest aktywny.

I już to zdanie bardzo ładnie wyjaśnia, co tak naprawdę robi HTTP/2. Jeśli Twoja witryna jest szyfrowana protokołem SSL, protokół HTTP/2 pozwala na jednoczesną obsługę wielu żądań serwera WWW. Skraca to całkowity czas ładowania.

Oto pusta strona WordPress bez SSL:

OptymalizujWordPress  - Diagram wodospadowy strony WordPress  bez HTTP/2

A tutaj ta sama strona z certyfikatem SSL, a więc również z HTTP/2:

OptymalizujWordPress  - Diagram wodospadowy pustej strony WordPress  z HTTP/2

Widzisz: w pierwszym przypadku, poszczególne żądania są ładowane jedno po drugim. W drugim przypadku są one jednak w większości przypadków ładowane jednocześnie.

Co prawda nie ma tu opcji WordPress -sided optimization. Najlepiej zapytać swojego dostawcę hostingu, czy korzysta z HTTP/2.

Wniosek: Nie bój się diagramu!

Przy odrobinie wprawy i odpowiedniej wiedzy, można uzyskać wiele informacji z wykresu wodospadowego. Możesz sprawdzić, czy Twoja strona korzysta z określonych technologii, jak szybko odpowiada Twój serwer i czy na Twojej stronie nie ma ukrytych hamulców czasu ładowania. Jeśli chcesz kompleksowo przeanalizować i zoptymalizować swoje strony WordPress , nie ma możliwości obejścia diagramów wodospadowych.

Znasz więcej trików na szybką identyfikację typowych hamulców czasu ładowania? Więc zawsze dawaj mi to!

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ą *.