Jak szybko ładuje się moja strona? Jest to jedno z głównych pytań dotyczących wydajności, UX i optymalizacji pod kątem wyszukiwarek. Odpowiadając na to pytanie, powinieneś polegać na odpowiednich narzędziach. Ponieważ tylko kilka narzędzi dostarcza naprawdę dobrych danych.
W sieci można znaleźć wiele świetnych artykułów na temat narzędzi, które można wykorzystać do łatwego, a przede wszystkim darmowego pomiaru wydajności i czasu ładowania własnej strony internetowej. Te przeglądy są bardzo pomocne, ale często popełniają błąd, który może spowodować więcej zamieszania niż jasności. Porównują ze sobą dwa lub trzy zupełnie różne typy narzędzi i czasami nie opisują wystarczająco szczegółowo różnic.
Może to prowadzić do prób porównywania wyników na podstawie zupełnie nieodpowiednich danych. Szkoda, bo ci, którzy dokonują pomiarów za pomocą odpowiednich narzędzi, oszczędzają sobie wiele czasu i kłopotów.
Mierząc wydajność strony internetowej, należy pamiętać o jednej różnicy: Różnica między analizami potencjału a narzędziami mierzącymi czas ładowania strony internetowej. Pierwsza grupa obejmuje testy takie jak Google PageSpeed Insights i Yahoo YSlow. Narzędzia te wskazują, w jakim stopniu testowana strona spełnia wymagania dotyczące szybkiego ładowania strony. Oba te czynniki stanowią doskonały materiał do optymalizacji strony internetowej. Takie testy nie mierzą jednak czasu ładowania się strony.
Ale głównie to właśnie chcesz wiedzieć: Jak długo trwa budowa mojej strony, jak długo ludzie wchodzą w interakcję z nią, kiedy zarabiam pieniądze? I tu pojawia się problem: z tego, co wiemy, istnieją tylko dwa darmowe narzędzia, które dostarczają naprawdę dobrych danych:
Dlatego poniżej pokażę ci, co potrafią narzędzia pomiarowe, jak ich używać i jak interpretować dane, abyś mógł jak najwięcej skorzystać z pomiarów.
Trzy cechy sprawiają, że narzędzie pomiarowe jest szczególnie cenne
Narzędzia, które wymieniłem, są tak dobre, ponieważ dostarczają szczególnie cennych danych. Oznacza to, że wyniki pomiarów:
- Składają się z wyników kilku metod pomiarowych, które można porównać.
- Uzyskują wysoki poziom szczegółowości.
- Można je regulować za pomocą różnych opcji ustawień.
W praktyce oznacza to, że dzięki dobremu narzędziu pomiarowemu możesz ustawić, w jaki sposób mierzy ono czas ładowania strony. Chodzi głównie o wybór serwera testowego i jego lokalizacji, a czasem także o wybór przeglądarki testowej.
Poziom szczegółowości danych oznacza, że podawane są nie tylko informacje o czasie, ale także szczegółowy opis tego, co faktycznie zostało zmierzone. Dwa narzędzia mogą rozumieć coś innego pod pojęciem „czas ładowania". Oczywiście jeszcze lepiej jest, gdy używa się standardowych terminów, takich jak Time to First Byte.
I wreszcie, dobrze jest, gdy mierzony jest nie tylko czas ładowania strony, ale także informacje o liczbie żądań HTTP, wielkości ładowanych pakietów danych czy wynikach ewentualnych analiz. W ten sposób można szybko sprawdzić, jakie poprawki można wprowadzić, aby zoptymalizować czas ładowania strony.
Inne znane nam narzędzia oferują takie możliwości tylko w ograniczonym zakresie lub wcale, co może prowadzić do problemów ze zrozumieniem, a więc i interpretacją. Dla Ciebie jednak te zalety oznaczają również zdecydowaną wadę: dane nie są tak łatwe do zrozumienia, jak na przykład wyniki Google PageSpeed Insights.
Dane pomiarowe nie zawsze są czytelne
Najbardziej zniechęcającą częścią jest z pewnością tak zwany wykres wodospadowy. Ale to właśnie ona dostarcza szczególnie ważnych danych. Warto więc przyjrzeć się bliżej temu typowi diagramu.
W tym poście najpierw wyjaśnię bardziej szczegółowo WebPageTest. Jest to narzędzie, które szybko dostarcza informacji o Twojej stronie internetowej, a także mierzy czas jej ładowania.
Mój faworyt: WebPageTest
webpagetest.org jest szybki i bardzo łatwy w użyciu. W zasadzie musisz zrobić tylko dwie rzeczy:
- najpierw wprowadź domenę, która ma być testowana
- następnie wybierz lokalizację serwera
Lokalizacja serwera jest — obok wyboru przeglądarki do testowania — jednym z najważniejszych ustawień, które pozwalają zrozumieć, jak i jak szybko Twoja witryna powstaje w różnych regionach świata. W takich testach lokalizacja serwera wskazuje, z jakiego miejsca witryna jest odwiedzana w celu pomiaru prędkości.
Zawsze upewniaj się, że używasz tej samej lokalizacji serwera, zwłaszcza w celu porównania wydajności. Dopiero wtedy można sensownie porównać wyniki. Jeśli bowiem czas ładowania Twojej strony jest mierzony raz z USA, a raz z Frankfurtu, to czasy ładowania będą się znacznie różnić.
Po rozpoczęciu testu po kilku chwilach zostaną wysunięte trzy duże pakiety danych:
- krótki przegląd: Opportunities & Experiments
- mierzone liczby na twojej stronie internetowej: Observed Metrics
- Poszczególne testy z diagramami wodospadowymi
Pierwsza część, „Opportunities & Experiments“, daje ci praktyczne wskazówki, które elementy twojej strony działają dobrze, a które można jeszcze poprawić.
Tutaj możesz zapoznać się z ocenami i propozycjami rozwiązań dla różnych aspektów witryny związanych z wydajnością - podobnie jak w przypadku narzędzi Google czy Yahoo. Ważne jest, aby zrozumieć, że nie mierzono tutaj czasu ładowania strony, ale możliwości optymalizacji czasu ładowania.
Czas ładowania strony internetowej jest głównym parametrem, za pomocą którego można dokonać porównania wydajności. Jest on bezpośrednią odpowiedzią na pytanie: Jak szybko ładuje się moja strona? Do takich porównań dobrze nadaje się również liczba żądań HTTP. Obowiązuje tu zasada: im mniej żądań HTTP, tym lepiej.
Druga sekcja zawiera mierzone liczby, czyli metryki. Poniżej znajduje się strona wizualna w postaci serii obrazów w odstępach co 100 ms. Jest to również określane jako „pasek filmowy". Obrazki, na których widać znaczące zmiany w układzie strony, są wyróżnione kolorem.
Trzecia część pokazuje przegląd przebiegu testów. Tutaj żądania HTTP i zawartość Twojej strony są podzielone według typu i źródła. W ten sposób możesz szybko sprawdzić, czy dany typ zawartości, np. obrazy, zajmuje dużo miejsca lub generuje dużo żądań, a tym samym spowalnia działanie Twojej strony.
Diagram wodospadowy pokazuje szczegółowo kolejność wykonywania żądań i czas ładowania każdego z nich. Diagram wodospadowy jest więc szczegółowym obrazem czasu ładowania się witryny.
Na samym końcu wyników testu znajdziesz legendę, która wyjaśnia, co oznaczają poszczególne symbole i kolory.
W naszym przypadku u góry widzisz pierwszy kontakt z serwerem, a następnie czasy ładowania poszczególnych skryptów.
W ten sposób możesz przyjrzeć się każdemu indywidualnemu żądaniu i porównać je z inną zmierzoną wartością. Dzięki temu możesz określić, czy czas ładowania strony uległ poprawie po przeprowadzeniu optymalizacji, a jeśli tak, to o jaki czynnik.
Zalety: szybko, trafnie, informacyjnie
Ogólnie rzecz biorąc, WebPageTest to dobre narzędzie do mierzenia czasu ładowania strony internetowej. Możesz szybko rozpoznać:
- jak szybko ładuje się strona internetowa
- jej wielkość
- gdzie nadal istnieje możliwość optymalizacji
- jak można wykorzystać ten potencjał
- jak działa budowa twojej strony
Jeśli ta informacja o WebPageTest nie jest dla ciebie wystarczająca, polecam ci poszerzyć wiedzę na ten temat.
Zwróć uwagę na czas ładowania
Czas ładowania strony jest ważny, bez dwóch zdań, zarówno dla doświadczenia, jak i dla konwersji. Jednak dla ludzi nie liczy się rzeczywisty czas ładowania, ale postrzegana szybkość strony - lub innymi słowy, czas potrzebny na wizualne zbudowanie strony. Dzieje się tak dlatego, że strona jest doświadczana bez znajomości mierzonych wartości. Postrzegany czas ładowania jest więc ważną wartością przy optymalizacji współczynnika konwersji i współczynnika odrzuceń. To również można wiarygodnie zmierzyć.
Związek pomiędzy czasem ładowania strony a współczynnikiem konwersji w sklepach internetowych został dobrze zbadany w przeszłości. Rezultat: liczy się każda sekunda. Ponieważ ludzie są zazwyczaj niecierpliwi. Czas ładowania dłuższy o jedną sekundę może spowodować obniżenie współczynnika konwersji o siedem procent.
Z każdą sekundą, w której Twoja strona będzie się dłużej ładować, tracisz dochody. Jednym ze środków zaradczych może być optymalizacja Above the Fold - ponieważ środek ten skraca postrzegany czas ładowania, co z kolei może prowadzić do lepszych wskaźników konwersji.
W pewnych okolicznościach ładowanie Twojej strony może trwać dziesięć, dwanaście lub trzynaście sekund, ale już po trzech sekundach wydaje się, że jest ona całkowicie załadowana. Dzięki temu Twoja strona będzie postrzegana jako znacznie szybsza niż jest w rzeczywistości.
Analiza szeregów czasowych i funkcja wideo dla postrzegania czasu ładowania
1) Analiza szeregów czasowych
Porównanie czasu ładowania witryny z kilku dni lub tygodni może być bardzo pouczające. Na przykład, jeśli optymalizujesz swoją stronę internetową krok po kroku przez kilka tygodni.
2) Analiza wideo — najlepszy wskaźnik postrzeganego czasu ładowania strony
Do pomiaru postrzeganego czasu ładowania najlepiej nadają się funkcje wideo lub serie obrazów, które wykonują zrzut ekranu w określonych odstępach czasu podczas procesu ładowania. Możesz zobaczyć, ile czasu upływa do momentu pojawienia się wizualnej reprezentacji. Logiczne. Ta prosta sztuczka pozwoli Ci jednak wyraźnie odróżnić zmierzony i postrzegany czas ładowania. WebPageTest oferuje tę funkcję w sekcji "Obserwowane metryki" jako "Wizualny proces ładowania strony".
GTmetrix
Chciałbym tutaj krótko omówić GTmetrix. Zasadniczo dwa narzędzia: WebPageTest i GTmetrix mogą robić to samo. GTmetrix jest tak samo łatwy w użyciu jak WebPageTest: wpisujesz adres URL strony, która ma zostać przetestowana, a narzędzie po kilku chwilach podaje wynik. Wada:
- GTmetrix oferuje tylko jedną lokalizację serwera, Vancouver
- GTmetrix testuje tylko z Firefoxem
Oznacza to, że wyniki pomiarów GTmetrix zawsze odnoszą się do komputera stacjonarnego z Firefoksem w Vancouver. Jeśli w swoich pomiarach wydajności korzystasz wyłącznie z GTmetrix, nie umniejsza to wyników. Jeśli jednak chcesz wiedzieć, jak szybko ładuje się strona dla niemieckich użytkowników, musisz użyć innego narzędzia.
Wnioski
Dla analizy czasu ładowania elementarne znaczenie ma również pomiar doświadczenia związanego z czasem ładowania. Ponieważ umożliwia dokonywanie porównań na poziomie abstrahującym od zwykłych danych. Możemy polecić tylko te testy, które umożliwiają analizę wideo lub porównywalną funkcjonalność. Ponieważ w pewnych okolicznościach zmierzony czas ładowania jest dość wysoki, ale postrzegany czas ładowania jest całkowicie uzasadniony. Wartość ta pozwala nie tylko lepiej zrozumieć, jak postrzegana jest Twoja oferta, ale także czy warto w ogóle optymalizować stronę pod kątem wydajności. W pewnych okolicznościach bardziej opłaca się inwestować w optymalizację konwersji niż w czas ładowania strony.
Jeśli chodzi o pomiar wydajności, WebPageTest jest dla nas najlepszym z darmowych narzędzi pomiarowych.
Z jakimi narzędziami do tej pory miałeś najlepsze doświadczenia w analizie wydajności? Czy masz jakieś doświadczenia z innymi narzędziami pomiarowymi, które mogą dostarczyć jeszcze lepszych danych?
