Jak przeprowadzić test szybkości dla swojej witryny i co może ci powiedzieć?

Szybkość Twojej witryny może ją poprawić lub złamać, jeśli chodzi o współczynniki konwersji celu i oferowanie pozytywnego doświadczenia użytkownika. To nie są już dni połączeń telefonicznych – Twoi użytkownicy przyzwyczaili się do tego, że nie muszą czekać na załadowanie stron internetowych. Jeśli Twoja witryna się zawiesza, bardziej prawdopodobne jest, że użytkownik wróci do Google i poszuka kogoś, kto odpowie na jego pytanie, rozwiąże jego problemy lub spełni jego pragnienia.

Im dłużej trwa ładowanie witryny, tym większe prawdopodobieństwo, że użytkownik opuści Twoją stronę. Jako maksymalny akceptowalny czas wczytywania strony podaje się zwykle dwie sekundy. Prawie połowa internautów spodziewa się dwóch sekund lub mniej czasu ładowania, a większość z nich odejdzie, jeśli Twoja witryna nie załaduje się w ciągu trzech.

W związku z tym czas ładowania ma ogromny wpływ na wynik finansowy, zwłaszcza jeśli masz witrynę eCommerce. Badanie przeprowadzone przez Amazon obliczyło, że gdyby ich witryna ładowała się tylko o sekundę wolniej niż obecnie, co roku straciliby 1,6 miliarda dolarów ze sprzedaży. Nawet dla tych z nas, którzy nie są Amazonami, to kłuje: o sekundę wolniej i możesz spodziewać się 7% spadku konwersji.

W tym artykule dowiesz się, jak przetestować szybkość swojej witryny za pomocą bezpłatnych narzędzi do testowania prędkości online, jak interpretować wyniki i kilka szybkich wskazówek, jak przyspieszyć działanie WordPressa. Jeśli używasz swojej witryny do generowania potencjalnych klientów dla swojej firmy, sprzedaży produktów lub promowania swojej marki, jest to lektura obowiązkowa. Zacznijmy!

Darmowe narzędzia do testowania szybkości witryny

Istnieje wiele narzędzi do testowania szybkości witryny. Te, które są warte swojej soli, nie tylko powiedzą Ci, ile sekund zajmuje Twoja witryna, aby się załadować, ale także podpowiedzą, jak poprawić swój „wynik”.

Warto przetestować swoją witrynę we wszystkich trzech poniższych testach szybkości. To zajmuje tylko chwilę, a każde narzędzie może wyróżnić różne rzeczy, które możesz zrobić, aby przyspieszyć działanie witryny.

Test szybkości witryny Pingdom

Być może najbardziej znane z tych narzędzi, Pingdom, daje ocenę wydajności, udostępnia porównanie Twojej witryny ze wszystkimi innymi testowanymi witrynami i pozwala zmienić lokalizację testowania, aby zobaczyć, jak zmieniają się Twoje prędkości na całym świecie. Raport podkreśla określone obszary zainteresowania i udostępnia wykres kaskadowy pokazujący, kiedy i jak wczytują się różne elementy na stronie.

Statystyki Google PageSpeed

Inna popularna opcja, Google PageSpeed ​​Insights, szczególnie wyróżnia się w rozwiązywaniu problemów z szybkością na urządzeniach mobilnych. Wyniki podzielone są na zakładki dla urządzeń mobilnych i stacjonarnych. Każda karta daje wynik na 100 i listę możliwych optymalizacji do wypróbowania.

GTmetrix

GTmetrix to kolejne przydatne narzędzie prędkości. Wykorzystuje Google PageSpeed ​​Insights i Yahoo's YSlow, aby zapewnić różne spojrzenia na problemy z szybkością witryny i daje jedne z najbardziej przejrzystych sugestii dotyczących któregokolwiek z tych narzędzi.

Interpretowanie wyników testu prędkości

Każde z powyższych narzędzi do testowania prędkości przeprowadza swój test w nieco inny sposób. Pomiędzy tymi trzema z nich prawdopodobnie masz trzy różne wyniki, łączny czas ładowania i sugestie ulepszeń.

Pamiętaj, że magiczna liczba to dwie sekundy, a najlepiej szybciej. Jeśli Twoja witryna ładuje się dłużej niż dwie sekundy, ryzykujesz utratę części odwiedzających.

Niektóre z sugestii, które podadzą Ci narzędzia prędkości, będą dotyczyć takich rzeczy, jak optymalizacja obrazów, minimalizacja kodu i korzystanie z pamięci podręcznej przeglądarki. Często są one uszeregowane według ważności zgodnie z narzędziem prędkości, więc dobrym pomysłem jest rozpoczęcie od pierwszej sugestii i przejście w dół.

Szybkie wskazówki, jak przyspieszyć WordPress

Na szczęście w WordPress możemy rozwiązać niektóre z tych problemów z szybkością strony za pomocą wtyczek. Dla wielu użytkowników jest to znacznie łatwiejszy sposób na radzenie sobie z sugestiami podawanymi przez narzędzia do testowania prędkości niż ręczne wprowadzanie zmian. Oczywiście dodanie większej liczby wtyczek nie zawsze pomaga w ładowaniu witryny, więc dobrym pomysłem jest kontynuowanie testów podczas konfigurowania niektórych wtyczek poniżej, aby sprawdzić, czy Ci pomogą lub Ci zaszkodzą.

Oczywiście zainstalowanie większej liczby wtyczek nie zawsze pomaga w ładowaniu witryny, więc dobrym pomysłem jest kontynuowanie testów podczas konfigurowania niektórych wtyczek poniżej, aby sprawdzić, czy ci pomogą, czy też zaszkodzą.

Zainstaluj wtyczkę buforującą

Wtyczki buforujące to znacznie więcej niż tylko zapisywanie statycznych wersji stron, aby szybciej je wczytywać dla użytkowników. Dobre wtyczki do buforowania zminimalizują również kod HTML, CSS i JavaScript, typowe zalecenia podawane przez narzędzia do testowania prędkości. Mogą również łączyć wiele zasobów CSS w jeden.

WP Fastest Cache to bardzo popularna darmowa wtyczka do buforowania z 5 gwiazdkami w repozytorium wtyczek WordPress. Ma prostą konfigurację z przewodnikiem. Jeśli potrzebujesz bardziej zaawansowanych ustawień i większej kontroli nad buforowaniem, inną popularną opcją jest W3 Total Cache.

Jeśli nie masz nic przeciwko płaceniu za wtyczkę buforującą, premium WP Rocket może przynieść imponujące wyniki, a jednocześnie jest bardzo łatwy do wdrożenia. W rzeczywistości okazał się wyraźnym zwycięzcą w porównaniu wtyczek do buforowania, które przeprowadziłem w zeszłym roku.

Większość blogów skorzysta na korzystaniu z wtyczki buforującej, a te wtyczki będą uwzględniać sugestie narzędzi do testowania prędkości, takich jak „wykorzystanie pamięci podręcznej przeglądarki”, „minify CSS”, „minify HTML” i „minify JavaScript”.

Użyj CDN

CDN lub sieć dostarczania treści udostępnia odwiedzającym pliki, które tworzą Twoją witrynę, z serwera znajdującego się najbliżej nich. Udostępniając pliki z wielu lokalizacji na całym świecie, odwiedzający powinni mieć stały, szybki czas ładowania, bez względu na to, gdzie się znajdują.

Wiele wtyczek do buforowania, takich jak te powyżej, ma również funkcje CDN, chociaż różnią się one jakością. Niektórzy wolą dedykowane rozwiązanie CDN, takie jak Amazon CloudFront, Cloudflare lub MaxCDN.

CDN to kolejne świetne miejsce, w którym możesz zacząć znacznie zwiększać wynik szybkości strony. Jest to dobre rozwiązanie, gdy wtyczka do testowania prędkości zaleca „poprawę czasu odpowiedzi serwera”.

Ten artykuł z naszego bloga zawiera informacje o najlepszych usługach CDN dla WordPress.

Zoptymalizuj swoje obrazy

Jedną z najczęstszych sugestii tych szybkich narzędzi jest optymalizacja obrazów w witrynie. Zwykle oznacza to, że wyświetlasz na stronie obrazy, których rozmiar jest dynamicznie zmniejszany, a nie są one dokładnie dopasowane do wymiarów, których potrzebujesz na stronie.

Może się to zdarzyć z różnych powodów, ale powszechnym jest przełączanie motywów WordPress. Po zmianie motywów zwykle konieczne jest ponowne wygenerowanie obrazów, ponieważ nowy motyw wykorzystuje różne rozmiary polecanych obrazów i multimediów osadzonych w poście. Najprostszym sposobem na osiągnięcie tego jest użycie wtyczki, takiej jak Regeneruj miniatury. Możesz zainstalować tę wtyczkę, używać jej, a następnie usunąć ze swojej witryny.

Innym sposobem na zmniejszenie rozmiaru obrazów jest wtyczka taka jak EWWW Image Optimizer. Ta bezpłatna wtyczka usuwa niepotrzebne dane z obrazów podczas ich przesyłania, aby zmniejszyć ich rozmiar.

Wtyczki te doskonale nadają się do rozwiązywania zaleceń dotyczących testów prędkości, takich jak „optymalizacja obrazów” i „serwowanie przeskalowanych obrazów”.

Użyj leniwego ładowania

„Lazy loading” to funkcja, która ma na celu przyspieszenie ładowania witryny, ładując na początku tylko te elementy, które znajdują się w części strony widocznej na ekranie. Podczas przewijania inne elementy są ładowane tylko w razie potrzeby, co powoduje mniejsze zużycie przepustowości i całkowicie szybszą witrynę.

Niektóre motywy zrobią to za Ciebie, ale jeśli Twój motyw nie działa, możesz użyć darmowej wtyczki BJ Lazy Load, która obejmuje wszystko, od osadzonych filmów po miniatury Gravatara.

Lazy loading to świetne rozwiązanie, które pozwala uwzględnić zalecenia dotyczące testów prędkości, takie jak „nadaj priorytet widocznym treściom”. Może również przyspieszyć ładowanie na urządzeniach mobilnych, które często są znacznie gorsze niż na komputerach stacjonarnych.

Usuń wolne i niepotrzebne wtyczki

Jeśli korzystasz z WordPressa od jakiegoś czasu, być może zgromadziłeś wiele wtyczek, których już nie używasz. Być może służyły jako jednorazowe rozwiązanie i spełniły swoje zadanie (takie jak wtyczka Regenerate Thumbnails), a może dodały funkcje, których po prostu już nie potrzebujesz.

Bez względu na powód, warto poświęcić kilka minut i usunąć wszystkie wtyczki, których już nie używasz. Wtyczki, podobnie jak wszystko inne w Twojej witrynie, wykorzystują zasoby, a im więcej rzeczy zainstalowałeś, tym więcej zasobów jest używanych.

Następnie spróbuj uruchomić Plugin Performance Profiler*, bezpłatną wtyczkę firmy GoDaddy, która pomoże Ci określić, które wtyczki spowalniają Twoją witrynę. Dzięki tym informacjom możesz usunąć wtyczki, które Cię spowalniają, lub zastąpić je bardziej wydajnymi wtyczkami.

Jest to generalnie dobra rada, która pomoże Ci poprawić czas ładowania, kierując się konkretnie na wtyczki, które spowalniają działanie.

*Krótka uwaga na temat tej wtyczki: nie była aktualizowana od ponad dwóch lat, czego zwykle zalecamy unikanie. Ale wydaje się, że nadal działa. Więc przetestuj według własnego uznania.

Końcowe przemyślenia

Przy tak wielu dostępnych doskonałych narzędziach do testowania szybkości można szybko i łatwo poświęcić kilka minut, aby poprawić wrażenia użytkowników. Nawet skrócenie o sekundę lub dwie z czasu wczytywania może mieć ogromny wpływ na takie dane, jak współczynnik odrzuceń lub konwersje.

Jeśli wcześniej zoptymalizowałeś swoją witrynę pod kątem szybkości, jaka pojedyncza zmiana wpłynęła na czas wczytywania? Podziel się swoimi odkryciami w komentarzach, aby reszta z nas mogła skorzystać.

Obraz miniatury artykułu autorstwa vladwel / shutterstock.com