Serce każdej dobrej analizy wydajności

Jan Hornung Aktualizacja w dniu 21.10.2020 r.
4 Min.
WordPress  Optymalizacja

Dla udanego biznesu online lub bloga ważne jest, abyś wiedział jak szybko ładuje się Twoja strona. I jak WordPress możesz to zoptymalizować. Ale dobre narzędzia analityczne dostarczają wielu danych. Zwłaszcza schematy wodospadów nie są łatwe do odczytania. Dzisiaj pokażę Wam trzy proste sztuczki, dzięki którym będziecie mogli uzyskać więcej informacji na temat analizy wydajności za pomocą jednego spojrzenia i WordPress zoptymalizować ją we właściwych miejscach.

Kiedy po raz pierwszy zacząłem zajmować się tematem WordPress optymalizacji, ja również webpagetest.org używany. W tym czasie byłem dosłownie zmiażdżony wynikami. Zwłaszcza wykres wodospadów na początku wydaje się być prawie niemożliwym do uchwycenia i zorganizowania bestią danych: Kolory, liczby, długość prętów, ich kolejność, wszystko ma znaczenie.

Dlatego też schematy mogą dostarczyć wielu cennych informacji o Twojej stronie. Jeśli wiesz, czego szukać.

Dzisiaj pokażę ci, jak za pomocą trzech prostych sztuczek możesz w mgnieniu oka uchwycić ważne kluczowe dane dotyczące czasu ładowania strony i w ten sposób WordPress zoptymalizować ją we właściwych miejscach.

Konkretnie, pokażę ci

  • jak wykryć powolny serwer WWW
  • jak wykrywać nieskompresowane obrazy i zbyt duże pliki
  • jak wykryć, czy Twój serwer obsługuje protokół HTTP/2

Imitacja zalecana

Wiele z danych, które ci dzisiaj pokazuję, pochodzi z webpagetest.org. Schematy wodospadów tego narzędzia są szczególnie złożone, ale oferują również duży wgląd w Twoją stronę.

Jeśli chcesz przejrzeć wyniki testu, po prostu kliknij przycisk tutaj i przyjrzeć się danym całkowicie w Webpagetest.

Jeśli chcesz zoptymalizować własną stronę internetową za pomocą analizy testowej strony internetowej, musisz pamiętać, że każdy przebieg testu jest tylko migawką. Jeśli chcesz naprawdę solidnych wyników, radzę ci zrobić co najmniej trzy testy. W ten sposób zmniejszasz szansę na pomiar wartości odstających i otrzymujesz lepszą bazę danych dla ważnych decyzji.

WordPress  optymalizuj - diagram wodospadów
To tylko pierwsza trzecia część wykresu wodospadów dla raidboxes.com. I już tutaj staje się jasne, że wykres nie jest łatwy do zagłębienia.

Jak wykryć powolny serwer WWW

Najważniejszą wartością dla oceny czasu reakcji Twojego serwera jest tzw. czas do pierwszego bajtu (TTFB). TTFB to czas potrzebny na pobranie pierwszego bajtu danych z serwera WWW. W tym czasie, praktycznie nic się nie dzieje. Przynajmniej nic, co twój gość mógłby postrzegać jako strukturę strony. Dlatego ważne jest, aby czas do pierwszego bajtu był jak najniższy.

Spójrz na pierwsze żądanie twojego wykresu wodospadu. Powinien być jak najkrótszy. Najlepiej mniej niż 200 milisekund.

Pierwsza prośba o Twoją stronę internetową powinna być jak najkrótsza. Najlepiej poniżej 200 ms.

Ten przykład ilustruje, co mam na myśli: przed przeprowadzką do nas, ta strona klienta miała czasem TTFB dłuższy niż 3,5 sekundy. Po przeprowadzce, było to znacznie poniżej 200 ms. Zwłaszcza bladoniebieski obszar pierwszego żądania znacznie się zmniejszył.

Przed tym:

WordPress  optymalizować - na przykład bardzo długi czas do pierwszego bajtu

Z RAIDBOXES :

WordPress  Optymalizuj - Czas do pierwszego bajtu z RAIDBOXES

Jeśli więc regularnie mierzysz bardzo wysoki czas na pierwszy bajt w swoich WordPress WordPress projektach, miarą optymalizacji byłaby zmiana hosterów lub odpowiednie uaktualnienie planu hostingowego.

Rozpoznawanie obrazów i zasobów, które są zbyt duże

Każdy wiersz wykresu wodospadu stanowi tak zwane zapytanie. Jest to żądanie z Twojej przeglądarki internetowej na serwer WWW. Żądanie to obejmuje również pobieranie pakietów danych, na przykład zdjęć. W poniższym przykładzie fioletowa część pasków odpowiada czasowi pobrania.

WordPress  optymalizować - rozpoznawać zbyt duże obrazy

Widzisz: Zdjęcia na tej stronie ładują się bardzo długo - prawie 12, trzy i prawie dziewięć sekund. Wyraźna wskazówka dla nieskompresowanych zdjęć.

Długie fioletowe paski są wyraźnym sygnałem braku kompresji obrazu.

Webpagetest pokazuje dokładnie, jakie zasoby są zaangażowane w każde zapytanie. Możesz więc łatwo dowiedzieć się, który obraz WordPress strony jest zbyt duży i powinien być zoptymalizowany.

Oczywiście odnosi się to również do 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.

Rozpoznanie HTTP/2

Jeśli chcesz wiedzieć, czy Twoje WordPress projekty korzystają z bardzo szybkiego standardu HTTP/2, możesz dowiedzieć się o tym jednym spojrzeniem na diagram wodospadów.

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

I ta notatka już bardzo ładnie pokazuje, co naprawdę robi HTTP/2. Jeśli Twoja strona jest szyfrowana przez SSL, HTTP/2 pozwala na obsługę wielu żądań serwera WWW jednocześnie. Dzięki temu skraca się całkowity czas załadunku.

Tutaj jest pusta WordPress strona bez SSL:

WordPress  Optymalizuj - Wykres wodospadu WordPress strony bez HTTP/2

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

WordPress  optymalizuj - wykres wodospadu pustej WordPress strony z HTTP/2

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

Co prawda: z jednej WordPress strony nie ma możliwości optymalizacji. Najlepiej zapytać swojego dostawcę usług hostingowych, czy używany jest HTTP/2.

Wniosek: Nie bójcie się schematu!

Przy odrobinie praktyki i odpowiedniej wiedzy można wyciągnąć wiele informacji z diagramu wodospadu. Możesz sprawdzić, czy Twoja strona korzysta z określonych technologii, jak szybko reaguje Twój serwer WWW i czy na Twojej stronie są ukryte jakieś hamulce czasowe obciążenia. Jeśli więc chcesz kompleksowo przeanalizować i zoptymalizować swoje WordPress strony, nie ma możliwości obejścia schematów wodospadów.

Czy znasz inne sztuczki, dzięki którym możesz szybko rozpoznać typowe hamulce czasowe obciążenia? Więc daj mi to!

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.