Jak używać GTmetrix do testowania szybkości strony internetowej! (Narzędzie do testowania prędkości 2022)

Szybkość strony internetowej jest bardzo ważnym czynnikiem dla SEO. W przypadku niektórych witryn jedna sekunda może przynieść tysiące dolarów uzyskanych lub utraconych przychodów.

Dlatego szybkość strony internetowej ma być bardzo ważnym punktem. Niestety nie jest łatwo zmierzyć szybkość strony.

Na tym blogu znajdziesz sposób na zmierzenie szybkości swojej witryny za pomocą jednego z najbardziej znanych narzędzi WordPressa, znanego jako GTmetrix. GTmetrix to najlepsze narzędzie do testowania szybkości strony internetowej.

4 różne czynniki testu prędkości

Podobnie jak wiele innych narzędzi, GTmetrix jest najlepszy, ponieważ może wydawać się przydatny, jeśli wykonujesz kontrolę poza prędkością. Aby uzyskać najlepsze wyniki, będziesz musiał przeprowadzić różne testy, biorąc pod uwagę wszystkie różne czynniki.

Niektóre z najważniejszych czynników GTmetrix do testowania szybkości strony internetowej są wymienione poniżej

1. Liczba testów

Aby uzyskać pełne dane, musisz wykonać szereg testów prędkości. Najlepiej byłoby wykonywać testy prędkości o różnych porach w ciągu całego dnia. Dobrym pomysłem jest zaplanowanie testu godzinowego i wykonanie testu prędkości przynajmniej przez 1 tydzień.

Zaproponowaliśmy tę strategię, ponieważ w ciągu całego dnia wydajność strony internetowej często się zmienia w zależności od liczby odwiedzających i wykorzystania skrzynki serwera, jeśli korzystasz z hostingu współdzielonego.

Najlepszym wynikiem częstego testowania szybkości witryny będzie to, że będziesz mógł zobaczyć godziny szczytu, które zasugerują Ci najlepszy czas na udostępnianie treści witryny i kierowanie do maksymalnej liczby odwiedzających oraz prezentowanie wyskakujących okienek.

Stwierdza się również, że wynik uzyskasz wykonując test 5 lub 10 razy w ciągu godziny.

W ten sposób prędkość ładowania może się zmieniać w ciągu tygodnia lub dnia. I tę notatkę ujawnia GTMetrix.

2. Lokalizacje testowe

Lokalizacja testu odgrywa ważną rolę w wynikach testu.

Musisz wybrać lokalizację testu, która jest bardzo blisko docelowych odwiedzających, a także upewnij się, że lokalizacja powinna być bliżej fizycznej lokalizacji serwera hostingowego.

Jeśli Twoja witryna jest kierowana tylko na jedną lokalizację, będziesz musiał zadbać o wyniki testu dla tej konkretnej lokalizacji.

Powinieneś wybrać 4-5 serwerów testowych, jeśli chcesz dotrzeć do odbiorców na całym świecie. Jeśli to możliwe, spróbuj przetestować w różnych lokalizacjach, na przykład jeden serwer z Europy, jeden z USA, jeden z Azji i jeden z Australii.

Ważne jest, aby zarejestrować darmowe konto, aby wybrać lokalizację, z której GTmetrix jest używany.

Najlepszym znakiem, aby wiedzieć, że teraz musisz zacząć korzystać z CDN, jest to, że jeśli okaże się, że czas wczytywania strony dla określonej lokalizacji jest poniżej średniej przy kierowaniu do odbiorców na całym świecie.

3. Cele testowe

Większość ludzi testuje tylko stronę główną. I to jest najczęstszy i największy błąd, który może Cię cofnąć. Po pierwsze, strona główna Twojej witryny powinna zawierać minimum informacji wymagających dużej ilości danych. I powinno ładować się szybciej.

Istnieją również możliwości, że Twoja strona główna nie jest tak ważna, jak myślisz. Dlatego bardzo ważne jest uwzględnienie innych stron, w tym strony głównej, podczas pracy z GTmetrix w celu przetestowania szybkości witryny .

W uproszczeniu można powiedzieć, że szybkość Twojej strony głównej jest bardzo ważna, ale liczy się również inne strony Twojej witryny. Upewnij się więc, że przeprowadzasz testy również na innych stronach, w tym na stronach produktów, stronach z pojedynczymi postami, stronach sklepów itp.

4. Przetestuj prędkości połączenia/urządzenia

Podczas testowania szybkości strony internetowej większość ludzi po prostu testuje wrażenia na komputerach stacjonarnych i nie testuje wrażenia mobilnego.

To bardzo częsty błąd, ponieważ ponad połowa ruchu pochodzi z urządzeń mobilnych.

W ten sposób prędkość Twojej witryny może być różna na urządzeniach stacjonarnych i mobilnych. Na przykład w porównaniu z komputerami stacjonarnymi ładowanie JavaScriptu na urządzeniach mobilnych zajmie więcej czasu.

Jeśli więc Twoja witryna zawiera ciężki plik javascript, istnieje duże prawdopodobieństwo, że załadowanie witryny zajmie dużo czasu w porównaniu z czasem, jaki zajmuje komputer stacjonarny.

Innym ważnym czynnikiem do rozważenia jest szybkość połączenia. Wszyscy odwiedzający mogą nie korzystać z ultraszybkich połączeń przewodowych. Na przykład większość Twoich klientów może używać swoich telefonów w sieci 4G, co nawet spowolni czas ładowania strony.

Jeśli chcesz sprawdzić, jak odwiedzający odbierają Twoją witrynę, możesz załadować ją z różnymi prędkościami połączenia i urządzeniami.

Za darmo możesz przetestować swoją witrynę na różnych prędkościach połączenia z GTmetrix, ale jeśli chcesz przetestować witrynę za pomocą urządzeń mobilnych, będziesz musiał za to zapłacić.

Jak korzystać z testu prędkości GTmetrix

Jeśli chcesz wykorzystać podstawowe funkcje GTmetrix do przetestowania szybkości witryny, jest to bezpłatne. Wystarczy odwiedzić ich stronę główną tj. http://gtmetrix.com/. Teraz dodaj adres URL swojej witryny i zacznij analizować.

Sugerujemy, abyś zaczął korzystać z jego bezpłatnych funkcji, po prostu rejestrując się. Ma tak wiele elastycznych opcji, aby zapewnić Ci bez inwestowania pieniędzy.

Jeśli przystępujesz do testu bez rejestracji, zostaniesz poproszony o skorzystanie z konfiguracji wymienionej poniżej

• Użyj przeglądarki Chrome na komputerze
• Używaj ultraszybkich połączeń bez dławienia
• Test z Vancouver w Kanadzie

Jeśli głównym celem jest Kanadyjczyk, możesz go przetestować, ale jeśli nie, będziesz musiał przetestować w innym miejscu.

Rejestrując konto za darmo GTmetrix zapewni wiele funkcji i opcji konfiguracyjnych, które pomogą Ci przetestować w preferowanej lokalizacji.

• Urządzenia testowe – Firefox (komputer) i chrome (komputer) za darmo. Możesz przetestować Chrome na urządzeniu z Androidem, jeśli wybierzesz płatny abonament.
• Lokalizacja – Hong Kong (Chiny), Bombaj (Indie), Dallas (USA), Sao Paulo (Brazylia), Londyn (Wielka Brytania), Sydney (Australia), Vancouver (Kanada).
• Prędkości połączeń – różne opcje od szerokopasmowego do 56k

Dostęp do większej liczby narzędzi analitycznych zostanie zapewniony na bezpłatnym koncie. Po utworzeniu darmowego konta możesz

• Dodaj adres URL skrzynki odbiorczej swojej witryny
• Kliknij opcję analizy

Aby poznać więcej opcji dotyczących czasów ładowania witryny, musisz wybrać co najmniej dwie opcje:

• Za pomocą rozwijanego adresu URL tekstu będziesz musiał wybrać lokalizację w pobliżu docelowych odbiorców.
• Z rozwijanej listy połączeń wybierz łącze szerokopasmowe (szybkie).

Możesz wybrać inną prędkość połączenia, która odpowiada Twoim potrzebom podczas pracy na GTmetrix, aby przetestować prędkość strony internetowej.

Po uruchomieniu testu GTmetrix wyświetli okno podsumowania

Pole podsumowania zawiera kilka ważnych informacji, takich jak:

• Całkowity rozmiar strony – podsumuje, jak duża jest Twoja witryna. Mała strona internetowa jest najlepsza w porównaniu z większą.
• Czas pełnego załadowania – Aby w pełni załadować stronę, ile czasu to faktycznie zajmuje (najważniejszym czynnikiem jest czas ładowania).
• Wynik szybkości strony — krótkie oszacowanie, że Twoja strona internetowa jest zoptymalizowana
• Żądanie — całkowita liczba żądań HTTP wymaganych przez Twoją witrynę. mniej to dobra liczba.
• YSlow score – W różnych zestawach wskaźników zostanie tutaj pokazany sposób optymalizacji witryny z czcionkami.

Nie myśl więcej o wynikach Slow i PageSpeed. Te dwie oceny są ważnym doradcą. Ale najważniejszą liczbą, którą należy wziąć pod uwagę, jest czas ładowania strony.

Jak skorzystać z opcji zaawansowanej analizy

Powyższy przykład to aktualne metryki witryny. Ale jeśli Twoim głównym celem jest ulepszenie witryny, znajdziesz jedno z najbardziej zaawansowanych narzędzi analitycznych dostarczanych przez GTMetrix do testowania szybkości witryny, które pomoże Ci dowiedzieć się, jak działa Twoja witryna.

Taka Metrix podzielona jest na 6 różnych punktów:

• PageSpeed – oznaczy Twoją witrynę jako sprzeciw wobec 23 różnych rekomendacji dostarczonych przez Google PageSpeed
• YSlow – oznaczy twoją stronę przeciwną do rekomendacji 19 dostarczonych przez YSlow
• Wodospad – ten punkt będzie pomocny w zrozumieniu, w jaki sposób każde żądanie HTTP ładuje się na Twojej stronie internetowej.
• Czasy – do tego potrzebne będzie darmowe konto. dla czasów wczytywania będziesz mógł zobaczyć różne metryki czasu.
• Wideo – Również w tym momencie będziesz musiał mieć darmowe konto. Pozwoli Ci to nakręcić film, który w widoczny sposób ładuje Twoją witrynę.
• Historia — możesz śledzić wydajność swojej witryny w czasie.

Porozmawiajmy o YSlow i PageSpeed

YSlow i PageSpeed ​​to ważne metodologie, które pomogą Ci uzasadnić, że mechanika i struktura Twojej witryny wpłyną na jej szybkość. Zapewni rekomendację w wynikach, co przyspieszy Twoją witrynę.

Niektóre sugestie, które może zawierać, to minimalizowanie zasobów, buforowanie, włączanie kompresji GZIP, dodawanie nagłówków wygasających i wiele innych.

Wyniki dostarczane przez YSlow i PageSpeed ​​będą zależeć od średnich wyników ważonych uzyskanych z oddzielnych rekomendacji. Niektóre sugestie są w rzeczywistości znacznie ważniejsze, więc możesz je zobaczyć w kolumnie priorytetów.

Mała strzałka znajduje się w każdej rekomendacji, dzięki czemu możesz przeczytać więcej o tej konkretnej sugestii, klikając ją.

Uwaga: Nie bierz pod uwagę wyników procentowych. Wyświetlany procent może być błędny, ponieważ może wskazywać procent, biorąc pod uwagę kilka funkcji, które w ogóle nie są ważne.

Na przykład pełny rozmiar strony w megabajtach (na który wpływ mają głównie źle zoptymalizowane obrazy).

Zamiast brać pod uwagę te wartości procentowe, skup się na rzeczywistej szybkości ładowania strony, która jest podawana w ciągu kilku sekund. Twoim celem powinno być załadowanie się do Twojej witryny w ciągu 3 sekund, jeśli naprawdę chcesz osiągnąć swoje cele.

Nawet bez uzyskania odpowiedniego wyniku możesz mieć witrynę w 100% szybko ładującą się i jest to w porządku.

Wodospad

Aby zidentyfikować korek w szybkości witryny WordPress, wodospad odgrywa ważną rolę. Dostarcza pełnych informacji o każdym żądaniu HTTP w Twojej witrynie oraz o tym, jak szybko się ładuje.

Każdy zasób w Twojej witrynie to inne żądanie HTTP. Zasób można zdefiniować jako arkusz stylów CSS, pliki obrazów, skrypt i nie tylko.

Na przykład, jeśli pole szczegółów testu twierdzi, że Twoja witryna ma 26 żądań, oznacza to, że zostanie załadowanych 26 różnych zasobów. To wyraźnie oznacza, że ​​w analizie kaskadowej będziesz mieć 26 różnych wpisów.

Ważne jest, aby szukać każdego zasobu obecnego na Twojej stronie, należy go również przenieść i wyświetlić. Każdy pasek w wodospadzie pokazuje, jak każdy krok jest skoncentrowany na każdym zasobie.

Poniżej podano kilka kroków, przez które przechodzi każdy zasób.

• Łączenie – Całkowity czas potrzebny na utworzenie połączenia
• Oczekiwanie — całkowity czas oczekiwania na odpowiedź
• Łączenie – Całkowity czas wymagany do rozwiązania DNS
• Blokowanie — całkowity czas oczekiwania na połączenie w kolejce przeglądarki.
• Wysyłanie — łączny czas wymagany do wysłania żądania.
• Odbieranie — aby pobrać zawartość, całkowity czas potrzebny.

Na podstawie tych informacji można poczynić pewne założenia dotyczące tego, co dzieje się na Twojej witrynie WordPress.

Wspomniane powyżej narzędzie wodospadu sprawdza małą pionową niebieską linię. Wskazuje punkt, w którym DOM jest faktycznie ładowany. Natomiast czerwona linia wskazuje czas załadowania strony.

TTFB (czas do pierwszego bajtu) jest również kluczowym wskaźnikiem szybkości twojego serwera i jest wyświetlany podczas oczekiwania na szczegóły w wodospadach.

Jeśli stale sprawdzasz wysoki poziom TTFB, nawet jeśli wprowadziłeś ulepszenia zgodnie z podanymi zaleceniami, oznacza to, że dzieje się tak z powodu serwera hosta, który powoduje awarię Twojej witryny.

Najbardziej techniczną częścią GTmetrix jest analiza wodospadu. Można go również uznać za jedną z najbardziej przydatnych analiz. Jeśli nie wiesz, jak działa ta analiza, możesz zapoznać się z wytycznymi dostarczonymi przez GTmetrix.

Czasy

Pełne informacje zostaną podane w poszczególnych kamieniach milowych w zakładce czasy. Poinformuje Cię, kiedy i jak Twoja strona zostanie załadowana.

Przykład
Kiedy ludzie zaczną myśleć o czasie ładowania Twojej witryny, zaczną myśleć o jednej metryce.
W rzeczywistości inna definicja jest brana pod uwagę, gdy strona jest „ładowana”.

Rozważmy przykład, że gdy każda zawartość strony widocznej na ekranie jest widoczna dla odwiedzających, czy strona jest ładowana? Lub czy pobiera wszystkie skrypty zaplecza po zakończeniu pobierania, nawet jeśli te skrypty nie wchodzą w interakcję z ludzkimi użytkownikami.
To wszystko są kluczowe rozróżnienia, gdy mówimy o doświadczeniach odwiedzających Twoją witrynę.

Główną obawą większości ludzi jest to, ile czasu zajmie im rozpoczęcie wyświetlania widocznych treści na stronie internetowej. Właściwie tło nie jest dla nich głównym problemem.

Pełne załadowanie Twojej witryny może zająć trochę czasu, ale jeśli jesteś w stanie szybko załadować zawartość swojej strony, użytkownicy będą myśleć, że Twoja witryna szybko się ładuje.

Jest to główny powód, dla którego Google kieruje wskaźnikiem znanym jako „największe malowanie treści”, a nie „czas ładowania strony”.

Użyj GTMetrix, aby przetestować szybkość i synchronizację witryny. Czasy są bardzo pomocnymi aspektami, które mają wpływ na te różne metryki. Poniżej podano niektóre dane, które będziesz mógł zobaczyć.

DOM załadowany
Czas do pierwszego bajtu (TTFB)
Interaktywny DOM
Pierwsza farba
Przeładować
Pierwsza pełna treści farba

Po najechaniu kursorem myszy na daną metrykę ta karta zawiera również pełne informacje o każdej metryce.

Uwaga: jeśli zarejestrowałeś się na darmowe konto GTmetrix, będziesz mógł zobaczyć ten raport.

Wideo

Drugim najważniejszym narzędziem jest wideo, które pomoże Ci zmierzyć, w jaki sposób Twoja witryna faktycznie ładuje się do człowieka. Poniżej podano niektóre z rzeczy, które odkryjesz za pomocą tego narzędzia.

Kiedy treść jest widoczna?

Czy są jakieś długie „przesunięcia” treści? w miarę ładowania dodatkowych zasobów zawartość będzie się „przesuwać” lub „skakać”. Doświadczysz czegoś takiego, gdy reklamy zostaną załadowane na stronie z treścią, tekst „skacze w dół”.

Czy są jakieś błyski niestylizowanej zawartości? na przykład czasami podczas ładowania czcionek niestandardowych zajmie to trochę czasu. Tak więc, gdy zmieni się na niestandardowe czcionki z czcionek systemowych, tekst „przeskoczy”.

Zbiorcza zmiana układu (CLS) to ostatni element, który jest również częścią kluczowych wskaźników internetowych Google.

Poniżej podano dwa różne ulepszenia ładowania witryny, które pozwolą Ci oglądać nagranie ekranu Twojej witryny.

Do 1/4 szybkości nagranie można powoli zmniejszać. Pomoże Ci to bardzo łatwo zobaczyć przebłyski niestylizowanej treści lub zmiany treści.

Na przykład pierwsza pełna treści farba, będziesz mógł przeskoczyć do większych kamieni milowych czasu.

Google dokłada wszelkich starań, aby takie dane dotyczące wczytywania doświadczeń użytkownika były brane pod uwagę. Dobrze byłoby więc wykorzystać jego funkcję, aby móc znaleźć z nim główny problem.

• Będziesz musiał zrobić te dwie rzeczy, aby zrobić nagranie wideo
• Aby otrzymać darmowe konto GTmetrix, zarejestruj się.
• Utwórz ustawienie wideo, które powinno być takie, gdy zaczniesz przeprowadzać test.

Historia

Kolejną zakładką jest historia, która pozwala zobaczyć wiele wyników testów na jednej stronie z bardzo łatwym do zrozumienia wykresem. Ważne jest, aby wiedzieć, jak zmienia się czas wczytywania strony.

W GTmetrix będziesz mógł dodać notatkę, jeśli przełączysz się na wtyczkę buforującą lub nowy host, aby sprawdzić, jak wpływa to na czas ładowania.

Jak za pomocą GTmetrix skonfigurować alerty i automatyczne monitorowanie?

Możliwość ustawienia automatycznego monitorowania wydajności jest najbardziej użyteczną funkcją oferowaną przez konto GTmetrix.

Z darmowym kontem możesz korzystać z monitoringu, ale w rzeczywistości jest to tylko ograniczone. Z serwera Vancouver w Kanadzie będziesz mógł skonfigurować testy automatyczne – nie możesz wybrać innych lokalizacji testu.

Dla maksymalnie 3 adresów URL możesz wybrać z podanych częstotliwości:

• Tygodniowo
• Codziennie
• Miesięczny

U góry stron wyników testu kliknij przycisk Monitor, aby włączyć monitorowanie i skonfigurować monitor witryny.

Podsumowanie wiadomości e-mail z Twojej witryny zostanie wysłane przez GTmetrix, dzięki czemu z zakładki historii będziesz mógł je zobaczyć.

Z różnych lokalizacji testowych możesz monitorować witrynę, jeśli płacisz za Gtmetrix Pro, a ponadto będziesz mógł monitorować test co godzinę i sprawdzać dodatkowe witryny.

Możesz skonfigurować niestandardowe alerty po włączeniu monitorowania - rozważ przykład, że jeśli czas ładowania strony przekracza określoną liczbę, możesz otrzymać komunikat ostrzegawczy, a także otrzymasz wiadomość, jeśli nastąpi wzrost TTFB i tak wiele innych warunków.

Klikając przycisk alertów konfiguracji, będziesz mógł ustawić je wszystkie w interfejsie wyników testu.

Dla użytkowników WordPressa poniżej podano kilka wskazówek

Aby poprawić wynik GTmetrix, możesz zaimplementować znacznie więcej rzeczy, które pomogą Ci zminimalizować czas ładowania strony.

Poniżej wymieniono niektóre poprawki, które można wdrożyć

• Upewnij się, że używasz zoptymalizowanych serwerów dla WordPressa.
• Powinieneś wybrać plan hostingowy, jeśli masz niezoptymalizowany hosting współdzielony lub hosting ogólny.
• Powinieneś zacząć korzystać z funkcji wtyczek do buforowania, na przykład WP Super Cache, WP Total Cache, WP Rocket i innych.
• Możesz zoptymalizować obrazy swojej witryny, których ładowanie zajmuje dużo czasu. Możesz użyć najlepszych wtyczek WordPress do optymalizacji obrazów. Niektóre z najlepszych wtyczek to ShortPixel, WP Smush, Imagify i inne.
• Twoja witryna nie powinna zawierać kodu JavaScript blokującego renderowanie. możesz go zoptymalizować za pomocą wtyczki Autooptimize.
• Niechciane profile w mediach społecznościowych należy usunąć ze swojej strony.
• Zminimalizuj wszystkie skrypty, wykorzystuj buforowanie przeglądarki i kompresję GZIP.
• Najważniejszym punktem do rozważenia jest usunięcie wszystkich niechcianych wtyczek.
• I skorzystaj z GTmetrix, aby przetestować szybkość witryny.

Wniosek:
Potrzebujesz narzędzia, które pomoże Ci przyspieszyć działanie Twojej strony. Jednak GTmetrix jest dla Ciebie najlepszym rozwiązaniem, które będzie monitorować i testować prędkość Twojej witryny z innej lokalizacji oraz dostarczać kompletnych informacji, w jaki sposób możesz przyspieszyć działanie Twojej witryny.

Po prostu przetestuj wszystkie strony swojej witryny z różnych lokalizacji.