Nic nie jest bardziej frustrujące niż wolno ładująca się strona internetowa, zwłaszcza gdy nie wiesz, co jest przyczyną problemu. Można mieć wrażenie, że zgadujesz, co naprawić, mając nadzieję, że coś zadziała.
Właśnie dlatego potężne narzędzie, takie jak GTmetrix, jest bardzo przydatne. Po przeanalizowaniu tysięcy stron WordPress stwierdziliśmy, że jest to jeden z najskuteczniejszych sposobów na uzyskanie jasnej diagnozy problemów z wydajnością.
W tym przewodniku podzielimy się naszą sprawdzoną metodą wykorzystania GTmetrix do przyspieszenia Twojej strony internetowej. Przeprowadzimy Cię przez proces zrozumienia raportów i przekształcenia ich w prosty, skuteczny plan działania.
Czym jest GTmetrix?
GTmetrix to narzędzie do sprawdzania szybkości witryny, które pozwala zobaczyć, jak szybko ładuje się Twoja witryna. Szybkość ładowania strony jest ważniejsza niż kiedykolwiek, ponieważ użytkownicy mają krótką uwagę.
Według badań Google Core Web Vitals, czas ładowania strony bezpośrednio wpływa na doświadczenie użytkownika, współczynniki odrzuceń i konwersje. Wolniejsze strony konsekwentnie odnotowują wyższe wskaźniki porzucenia i niższe metryki zaangażowania.
Potwierdza to klasyczne studium przypadku StrangeLoop, które wykazało, że jednosesundowe opóźnienie w czasie ładowania strony może prowadzić do 7% utraty konwersji, 11% mniejszej liczby wyświetleń stron i 16% spadku satysfakcji klienta.
Nowsze dane potwierdzają, że nadal tak jest. Na przykład, badanie Portent z 2022 roku wykazało, że wskaźniki konwersji stron internetowych spadają średnio o 4,42% z każdą dodatkową sekundą czasu ładowania.
GTmetrix daje Ci wgląd w to, co spowalnia Twoją witrynę WordPress, wraz z sugestiami, co zrobić, aby poprawić wydajność i szybkość Twojego WordPressa.
Mając to na uwadze, przyjrzyjmy się, jak używać wtyczki GTmetrix do poprawy szybkości Twojej witryny WordPress. Oto, co omówimy w tym artykule:
- Konfiguracja wtyczki GTmetrix w WordPress
- Uruchamianie testów wydajności GTmetrix w WordPress
- Zrozumienie wyników testu wydajności GTmetrix
- Korzystanie z GTmetrix bez wtyczki
- Dodatkowe wskazówki dotyczące poprawy wydajności witryny
- Najczęściej zadawane pytania dotyczące GTmetrix
- Dodatkowe zasoby poprawiające szybkość strony internetowej
Konfiguracja wtyczki GTmetrix w WordPress
Najpierw musisz zainstalować i aktywować wtyczkę GTmetrix for WordPress. Jeśli nie wiesz, jak to zrobić, koniecznie zapoznaj się z naszym kompletnym przewodnikiem na temat jak zainstalować wtyczkę WordPress.
Ważna uwaga: Wtyczka GTmetrix nie była aktualizowana od pewnego czasu. Nadal jednak działa i zapewnia wygodny sposób na rozpoczęcie testów wydajności z poziomu Twojego panelu administracyjnego. Alternatywnie, możesz zapoznać się z poniższą sekcją dotyczącą korzystania z GTmetrix bez wtyczki.
Po aktywacji wtyczka doda nową pozycję menu oznaczoną jako „GTmetrix” na pasku bocznym administratora WordPress. Musisz ją kliknąć, aby przejść do strony ustawień wtyczki.
Na tej stronie zostaniesz poproszony o podanie adresu e-mail konta GTmetrix i kluczy API.
Możesz utworzyć darmowe konto, aby uzyskać klucze API. To darmowe konto będzie miało ograniczoną liczbę żądań dziennie. Jednak jeśli używasz tego na jednej stronie internetowej, prawdopodobnie nigdy nie wyczerpiesz limitu kredytów.
Po prostu kliknij link „Register for a GTmetrix account now”, aby przejść do strony GTmetrix i zarejestrować konto.
Po utworzeniu konta musisz kliknąć link „Konto” na górze strony.
Następnie po prostu kliknij przycisk „Generate API key”. GTmetrix wygeneruje dla Ciebie klucz API, który musisz skopiować.
Teraz możesz wrócić do strony ustawień „GTmetrix” w swoim panelu WordPress. Wpisz swój adres e-mail konta i klucz API, który wcześniej skopiowałeś.
Nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zachować swoje ustawienia.
Uruchamianie testów wydajności GTmetrix w WordPress
Teraz, gdy skonfigurowałeś wtyczkę, możesz przeprowadzić testy wydajności WordPress.
Po prostu przejdź do strony GTmetrix » Testy. Możesz szybko przetestować stronę główną swojej witryny, klikając przycisk „Przetestuj moją stronę główną teraz”.
Możesz również przeprowadzać testy wydajności dla dowolnej strony w swojej witrynie WordPress. Po prostu wprowadź adres URL strony w polu „Testuj wydajność”.
W przypadku tych niestandardowych testów możesz również podać etykietę i wybrać lokalizację geograficzną. Idealnie byłoby skupić się na lokalizacjach najbliższych Twojej docelowej grupie odbiorców.
Zrozumienie wyników testu wydajności GTmetrix
Wtyczka GTmetrix zapewnia pomocne podsumowanie wydajności Twojej strony bezpośrednio w panelu administracyjnym WordPress. To podsumowanie wykorzystuje starszy system oceniania GTmetrix, który opierał się na metrykach PageSpeed i YSlow.
Wszystko poniżej A oznacza, że jest miejsce na poprawę. Nie oznacza to jednakkoniecznie, że Twoja strona internetowa jest naprawdę wolna.
Aby zrozumieć wynik, musisz kliknąć link „Detailed Report”. Otworzy on Twój adres URL na stronie GTmetrix.
Ten raport zawiera szczegółowe zestawienie Twojego wyniku PageSpeed, wyniku YSlow oraz listę zaleceń, co możesz zmienić, aby poprawić czas ładowania strony.
Jest podzielona na różne zakładki. Najpierw zobaczysz swój wynik PageSpeed z różnymi elementami rankingowymi wymienionymi z ich indywidualnym wynikiem.
Zielone elementy są dobre i nie wymagają Twojej uwagi. Czerwone elementy spowalniają Twoją witrynę i wymagają dalszego zbadania.
Najlepsze jest to, że po kliknięciu elementu otrzymujesz dokładne informacje o tym, co należy naprawić.
Każda zakładka ma mały przycisk „Co to oznacza?”. Klikając na niego, uzyskasz szczegółowe informacje o tym, co można poprawić.
Wszystkie Twoje poprzednie raporty znajdziesz na stronie GTmetrix » Testy w sekcji Raporty.
Pozwala to zarządzać testami i uruchamiać je podczas pracy nad poprawą szybkości i wydajności witryny.
Korzystanie z GTmetrix bez wtyczki
Jeśli chcesz używać GTmetrix bez instalowania wtyczki, możesz po prostu przejść do ich strony głównej, a następnie wprowadzić swój adres URL.
Po przetestowaniu swojej strony otrzymasz szczegółowy raport, tak jak w przypadku wtyczki.
Wadą tej metody jest to, że nie można zapisywać różnych raportów i porównywać ich w miarę poprawy szybkości strony internetowej.
Dodatkowe wskazówki dotyczące poprawy wydajności witryny
Narzędzie GTmetrix do sprawdzania szybkości pokaże Ci wiele informacji. Możesz jednak porównać swoje wyniki, korzystając z innego narzędzia do sprawdzania szybkości strony, takiego jak IsItWP Website Speed Test Tool lub Pingdom.
Jeśli Twoja witryna nadal wykazuje niskie wyniki wydajności, możesz przejrzeć szczegóły i poprawić każdy element po kolei. Jednak dla początkującego może to być zbyt techniczne.
Oto kilka szybkich wskazówek, które pomogą Ci natychmiast rozwiązać problemy z szybkością witryny bez żadnych specjalnych umiejętności.
1. Użyj najlepszego hostingu WordPress
Jeśli korzystasz z niskiej jakości hostingu WordPress, to niewiele możesz zrobić, aby poprawić wydajność swojej witryny.
Oto nasze rekomendacje dotyczące 3 najlepszych szybkich firm hostingowych, które możesz wypróbować:
- Bluehost – świetna cena + wbudowane buforowanie.
- SiteGround – hosting WordPress premium + wbudowane buforowanie + wykorzystuje Google Cloud. Używamy SiteGround dla WPBeginner.
- WP Engine – najwyżej oceniany dostawca zarządzanego hostingu WordPress z optymalizacją wydajności.
2. Skonfiguruj wtyczkę do buforowania WordPress
Wszystkie najlepsze firmy hostingowe WordPress oferują teraz wbudowane rozwiązania do buforowania, które możesz włączyć, aby poprawić szybkość strony internetowej. Możesz jednak również użyć wtyczki buforującej WordPress, aby poprawić wydajność swojej strony internetowej.
Buforowanie pozwala Twojej stronie internetowej ładować stronę z tymczasowego pliku zamiast wysyłać nowe zapytanie. Zalecamy używanie WP Rocket, najlepszej wtyczki buforującej WordPress na rynku.
3. Optymalizacja obrazów dla szybszego ładowania stron
Obrazy ładują się dłużej niż tekst, a jeśli strona zawiera dużo obrazów, spowalniają one Twoją witrynę. Z drugiej strony, obrazy są ważne dla zaangażowania użytkowników i nie można ich unikać.
Rozwiązaniem jest optymalizacja obrazów WordPress w celu szybszego ładowania strony. Nadal będziesz używać tych samych obrazów, ale o mniejszych rozmiarach plików.
Jest o wiele więcej rzeczy, które możesz zrobić, aby Twoja witryna ładowała się jeszcze szybciej. Zebraliśmy kompletny przewodnik po szybkości i wydajności WordPress dla początkujących z instrukcjami krok po kroku, jak poprawić szybkość Twojej witryny.
Najczęściej zadawane pytania dotyczące GTmetrix
Oto odpowiedzi na niektóre z najczęściej zadawanych pytań dotyczących korzystania z GTmetrix do testowania wydajności stron internetowych.
1. Jaki jest dobry wynik GTmetrix?
Powinieneś dążyć do oceny GTmetrix ‘A’ w raporcie wydajności. Ważne jest również, aby wszystkie trzy kluczowe wskaźniki internetowe (LCP, TBT, CLS) znajdowały się w zakresie ‘Dobre’, oznaczone zielonym wynikiem.
2. Czy GTmetrix jest darmowy?
Tak, GTmetrix oferuje darmowy plan, który pozwala na testowanie Twojej strony i uzyskiwanie szczegółowych raportów. Darmowe konto ma ograniczoną liczbę codziennych żądań API, ale zazwyczaj wystarcza dla właściciela pojedynczej strony internetowej.
3. Jak poprawić niski wynik GTmetrix?
Najszybszym sposobem na poprawę wyniku jest skupienie się na ‘Wielkiej Trójce’ wydajności stron internetowych. Są to: wybór szybkiego dostawcy hostingu WordPress, użycie wtyczki do buforowania, takiej jak WP Rocket, oraz optymalizacja obrazów dla sieci.
4. Czy muszę używać wtyczki GTmetrix?
Nie, nie musisz instalować wtyczki. Możesz uzyskać ten sam szczegółowy raport, wprowadzając adres URL swojej strony bezpośrednio na stronie GTmetrix.
Główną zaletą korzystania z wtyczki jest to, że zapisuje ona Twoje raporty w panelu administracyjnym WordPress. Ułatwia to śledzenie postępów w poprawie wydajności w czasie.
Dodatkowe zasoby poprawiające szybkość strony internetowej
Teraz, gdy wiesz, jak analizować swoją stronę internetową za pomocą GTmetrix, oto kilka dodatkowych porad ekspertów, które pomogą Ci jeszcze bardziej przyspieszyć Twoją stronę.
- Kompleksowy przewodnik po zwiększaniu szybkości i wydajności WordPress
- Jak prawidłowo przeprowadzić test szybkości strony internetowej (najlepsze narzędzia)
- Jak zoptymalizować obrazy pod kątem wydajności sieci bez utraty jakości
- Jak przyspieszyliśmy ładowanie stron w WPBeginner
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak używać wtyczki GTmetrix do poprawy wydajności Twojej witryny WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat jak przyspieszamy ładowanie stron w WPBeginner oraz naszymi ekspertyzami na temat najlepszych narzędzi do testowania szybkości stron internetowych.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Jiří Vaněk
Szybkość strony internetowej jest absolutnie kluczowa nie tylko dla dobrych wrażeń użytkownika, ale także dla jej pozycji w rankingu Google. Początkowo ściśle monitorowałem Google Search Console, a następnie zacząłem mierzyć stronę za pomocą Google Pagespeed Insights i GTMetrix. Oba narzędzia były nieocenione w dostrajaniu szybkości strony i mierzeniu szybkości z zagranicy (mam serwer w Czechach). Nie mogę wystarczająco polecić GTMetrix. Chociaż niekoniecznie potrzebuję go bezpośrednio w WordPress, ponieważ inny wtyczka niepotrzebnie obciążałaby stronę (moim zdaniem), praktycznie dla każdej nowej strony internetowej używam pomiarów online. Posiadanie konta na GTMetrix jest bardzo korzystne, ponieważ nawet w darmowym planie pozwala na wykonanie większej liczby pomiarów, co jest świetne, gdy próbujesz dostroić jakiś drobny szczegół, który spowalnia stronę.
Christopher Ohlsen
Świetny post o GTmetrix. Zgadzam się, że GTmetrix jest niesamowity (parafrazując) z jednym zastrzeżeniem… Chociaż prawdopodobnie mógłbym jakoś naprawić mój problem w ustawieniach konta. Oto on; wydaje się, że nie rozpoznaje maxcdn. Moja strona jest znacznie, znacznie szybsza, odkąd zacząłem używać maxcdn. Zdecydowanie używam CDN, ale pokazuje, że nie… Nie wiem dlaczego tak jest, ale nawet pokazuje adres URL netdna w linkach w zakładce, która mówi, że nie używam CDN. Ponadto, mój wynik Yslow jest nieco wyższy w dodatkach Yslow dla Firefoxa i Chrome, które rozpoznają maxcdn… Niemniej jednak, jest to niesamowita strona, której użyłem do znacznego zwiększenia szybkości ładowania mojej strony.
Personel redakcyjny
Podczas korzystania z niestandardowych CDN, takich jak MaxCDN, ci dostawcy domyślnie ich nie rozpoznają. Musisz edytować ustawienia przeglądarki, aby poinformować ich, że adres URL netdna jest faktycznie CDN. Krótko mówiąc, te narzędzia są dobrym punktem odniesienia, ale nie są całkowicie doskonałe, jeśli chodzi o wykrywanie CDN.
Admin
Matthew
Hej, GTMetrix dostarcza zoptymalizowane wersje obrazów na mojej stronie, które mogę zapisać i użyć do zastąpienia moich oryginalnych, niezoptymalizowanych obrazów. Jednak mam kilka tysięcy obrazów na mojej stronie internetowej i zapisywanie każdego zoptymalizowanego obrazu, aby zastąpić wszystkie moje oryginalne obrazy, zajmuje naprawdę dużo czasu.
Czego dokładnie używa GTMetrix, aby dostarczyć mi listę zreoptymalizowanych i skompresowanych obrazów?
Wypróbowałem wtyczkę smush.it dla WordPressa, ale niestety GTMetrix nadal informuje mnie, że mogę skompresować niektóre moje obrazy nawet o 50% lub więcej.
Nawet do nich napisałem, ale bez odpowiedzi. Już korzystam z CDN, ale po prostu nie jest tak szybki, jak potrzebuję.
M Copinger
Dzięki za informację o tej wtyczce, używam jej od około tygodnia, nie wiedząc, że mają wtyczkę. świetny artykuł i kontynuuj tak dobrą robotę
Matej Latin
Nie widzę sensu używania wtyczki, skoro można użyć narzędzi Pingdom. Nie będziesz tego testować codziennie...
leena
Witam, to są niektóre z przydatnych wskazówek, o których głównie nie wiedziałem. Spróbuję, czy uda mi się wykonać tego rodzaju zadanie. Dziękuję za udostępnienie.
Ivan Lim
Uwielbiam to narzędzie… dobra uwaga o tym, że YSlow nie wykrywa sieci CDN, pomaga wyjaśnić niektóre różnice w raportach prędkości.
Personel redakcyjny
Tak, to jest świetne narzędzie. Używamy go cały czas.
Admin