Czy masz dość powolnego działania witryny WordPress i utraty odwiedzających z powodu słabej wydajności? Audyt wydajności może pomóc w zidentyfikowaniu głównych przyczyn tych problemów i wskazać możliwe kroki mające na celu poprawę szybkości i ogólnej wydajności witryny.
Audyt wydajności WordPress polega na analizie różnych aspektów Twojej witryny, takich jak jej kod, treść i środowisko hostingowe, w celu zidentyfikowania obszarów, które mogą powodować jej powolne lub nieefektywne działanie. Daje także wgląd w to, jakie kroki możesz podjąć, aby uzyskać lepszą wydajność.
W tym wpisie na blogu przeprowadzę Cię przez proces przeprowadzania audytu wydajności WordPressa, podpowiem, na co zwrócić uwagę, jakich narzędzi użyć i jak interpretować wyniki. Jeśli więc jesteś gotowy, aby przenieść swoją witrynę WordPress na wyższy poziom, czytaj dalej!
Co to jest audyt wydajności WordPressa?
Audyt wydajności WordPressa przypomina dokładne sprawdzenie witryny internetowej, aby zobaczyć, jak szybko się ładuje i jak bardzo wykorzystuje zasoby komputera. Załóżmy na przykład, że masz witrynę WordPress, której wyświetlenie zajmuje dużo czasu, gdy ktoś ją odwiedza.
Kontrola wykonania zadań pozwoliłaby zbadać przyczyny tego spowolnienia. Może być tak, że obrazy w Twojej witrynie są zbyt duże i należy zmienić ich rozmiar albo to zainstalowane są niepotrzebne wtyczki które spowalniają pracę.
Przeprowadzając ten audyt, możesz zidentyfikować i naprawić te problemy, dzięki czemu Twoja witryna będzie szybsza i zapewni odwiedzającym lepsze wrażenia. Tego rodzaju sprawdzenie może być również pomocne przy tworzeniu nowej witryny internetowej, zapewniając, że wszystkie ważne rzeczy zostaną wykonane dobrze od samego początku.
Dlaczego audyt wydajności WordPressa jest ważny?
Utrzymanie wartości Twojej witryny, zarówno dla Ciebie, jak i odwiedzających, zależy od jej ciągłej funkcjonalności i optymalizacji. Regularny audyt witryny WordPress jest kluczowym krokiem w osiągnięciu tego celu.
Witryny WordPress mają różne części, np motywy i wtyczki. Podobnie jak w przypadku każdego innego oprogramowania, Twoja witryna WordPress może z czasem powodować problemy. Sprawdzenie tego pomaga rozwiązać te problemy, zanim staną się duże.
Ponadto podczas audytu witryny możesz zobaczyć, jak dobra jest ona pod względem marketingowym. Możesz sprawdzić, jak szybko się ładuje, czy pojawia się w wyszukiwarkach, gdzie umieszczasz formularze i nie tylko. Ogólnie rzecz biorąc, audyt Twojej witryny ma dwie główne zalety.
Po pierwsze, utrzymanie jego wartości i funkcjonalności przynosi korzyści Tobie właściciel strony. Po drugie, ma pozytywny wpływ na doświadczenie użytkownika i optymalizacja wyszukiwarek (SEO)dzięki czemu użytkownicy będą mogli łatwo znaleźć Twoją witrynę i z niej korzystać.
Jak przeprowadzić audyt wydajności WordPressa?
Nasz audyt wydajności witryny WordPress możemy podzielić na trzy części:
- Audyt wydajności witryny front-end (z narzędziami)
- Audyt wydajności witryny front-end (ręcznie)
- Audyt wydajności WordPressa zaplecza
Audyt wydajności witryny front-end (z narzędziami)
W ramach front-endowego audytu wydajności możemy przeprowadzić audyt syntetyczny, w którym opieramy się na narzędziach, oraz audyt manualny, w którym wszystko robimy sami. Zacznijmy od syntetycznego audytu wydajności WordPressa, ponieważ jest to łatwiejsze.
1. Użyj narzędzi deweloperskich Chrome
Przeprowadzając audyt wydajności WordPressa, możesz skorzystać z Narzędzia programistyczne Google Chrome, które zawierają wiele przydatnych opcji sprawdzania i oceny witryny internetowej. Narzędzia te są domyślnie dostępne w przeglądarce Chrome.
Możesz uruchomić narzędzia Chrome DevTools, po prostu klikając Klawisz F12 lub Ctrl+Shift+I. Niektóre z ważnych kart, które należy sprawdzić, aby poprawić wydajność WordPressa, obejmują:
- Sieć
- Wydajność
- Informacje o wydajności
- Latarnia morska
1. Sieć
The Monitor sieci zapewnia szczegółowy przegląd wszystkich żądań przeglądarki, otrzymanych odpowiedzi i czasu potrzebnego na każdy krok. Przyjrzelibyśmy się Sieć bardziej szczegółowo w sekcji „Ręczny audyt wydajności” na tym blogu.
2. Wydajność
Karta Wydajność w Chrome DevTools pozwala analizować sposób ładowania i renderowania witryny. Symuluje interakcję użytkownika, aby zapewnić wskaźniki i spostrzeżenia na temat procesu ładowania strony.
Narzędzie to jest szczególnie cenne dla zrozumienia głównego wątku. Badając stosy wywołań, możesz zidentyfikować funkcje powodujące opóźnienia i wpływające na Time To Interactive.
Możliwość dostępu do szczegółów i czasów trwania funkcji pomaga wykryć problemy z wydajnością. Jeśli znajdziesz długotrwałe funkcje, które blokują główny wątek, rozważ przeniesienie ich do wątków roboczych, aby poprawić wydajność.
3. Informacje o wydajności
Podobnie jak karta Wydajność, karta Informacje o wydajności w Chrome DevTools umożliwia ocenę ładowania witryny. Naśladuje interakcję użytkownika w testach w świecie rzeczywistym. Pokazuje szczegółowy widok kaskady żądań, identyfikując wolne elementy i funkcje blokujące.
Oferuje kluczowe wskaźniki, takie jak załadowana zawartość DOM, pierwsze malowanie treściowe, największe malowanie treściowe i czas do osiągnięcia interakcji. Symuluje także limity sieci/procesora i buforowanie. Pomaga zwiększyć wydajność WordPressa.
4. Latarnia morska
Lighthouse tworzy raporty o tym, jak dobrze działa i jest zorganizowana witryna internetowa. Raporty te pomagają programistom ulepszać działanie witryny. Do audytu możesz użyć narzędzia Lighthouse i ocenić witrynę w następujących kategoriach:
- Wydajność
- Dostępność
- Najlepsze praktyki
- SEO
- Progresywna aplikacja internetowa
2. Sprawdź szybkość swojej witryny WordPress
Wszyscy tam byliśmy – niecierpliwie czekając, aż strona internetowa się w końcu załaduje.
A gdy ładowanie stron internetowych zajmuje dużo czasu, psuje to sposób, w jaki użytkownicy korzystają z witryny, a nawet może zmniejszyć ryzyko podjęcia przez nich działań na ważnych stronach docelowych.
Tutaj właśnie pojawiają się narzędzia do testowania szybkości strony!
1. Statystyki Google PageSpeed
Google oferuje narzędzie o nazwie Statystyki PageSpeed sprawdza, jak szybko ładuje się strona i jak zachowuje się na urządzeniach mobilnych i komputerach stacjonarnych. Ponadto zapewnia wyniki w zakresie podstawowych wskaźników internetowych. W zależności od tego, co znajdzie, podaje praktyczne porady dotyczące ulepszeń.
Ale to nie jedyne narzędzie, które pomoże Ci dowiedzieć się o szybkości działania Twojej witryny.
2. GTmetrix
Możesz także użyć GTmetrix, który służy temu samemu celowi — pomaga analizować i naprawiać problemy z szybkością strony.
GTmetrix to bezpłatne narzędzie, które generuje raport z audytu wydajności sieci, oferujący wgląd w Twoje Klasa GTmetrix i wskaźniki internetowe. Wizualna reprezentacja szybkości ładowania zapewnia przydatny wgląd w wygląd witryny podczas ładowania, w połączeniu ze wskaźnikami wyświetlanymi na górze.
W dolnej części raportu podkreślono główne kwestie, podzielone według różnych aspektów: Pierwsza farba zawierająca zawartość, największa farba zawierająca zawartość, całkowity czas blokowania i łączna zmiana układu.
Jeśli spojrzysz na powyższy zrzut ekranu, zobaczysz, że ogólny wynik to mi. Strony internetowe, które chcą zapewnić najlepszą wydajność, powinny dążyć do A.
3. Pingdom
Pingdom to kolejne bezpłatne narzędzie, które oferuje mniej szczegółowe raporty niż Google PageSpeed Insights i nie wymaga logowania.
Przypisuje zakres klas wydajności od 0 do 100 do Twojej witryny. Następnie dzieli żądania na kategorie według domeny, rozmiaru treści, typów żądań i kodów odpowiedzi oraz zawiera wykres kaskadowy, który zapewnia wgląd w czas ładowania plików.
W naszym teście, jeśli spojrzysz na zrzut ekranu poniżej, zobaczysz, że witryna uzyskała ocenę wydajności D. Czas ładowania również nie jest optymalny i można go poprawić.
4. Test strony internetowej
Test strony internetowej to bezpłatne narzędzie, które może pomóc właścicielom i programistom witryn internetowych zwiększyć szybkość i wydajność ich witryn. Dokładnie sprawdza czas ładowania, prędkość renderowania i zużycie sieci. Otrzymasz szczegółowy opis każdego komponentu strony, co pomoże Ci znaleźć spowolnienia i możliwości ulepszeń.
Szczególnie korzystna jest ocena efektywności buforowanie przeglądarki. Ponadto możesz uzyskać dostęp do kluczowych wskaźników, takich jak TTFB, utrzymywanie aktywności, kompresja, pamięć podręczna przeglądarki i wydajność CDN.
3. Rozwiązywanie problemów z błędami witryny
Aby dowiedzieć się o jakichkolwiek problemach na Twojej stronie WP, potrzebujesz Konsola wyszukiwania Google.
Google Search Console to bezpłatne narzędzie, dzięki któremu użytkownicy mogą sprawdzić, jak dobrze radzi sobie ich witryna w wynikach wyszukiwania i czy jakiekolwiek problemy mogą mieć wpływ na jej działanie.
Robi to poprzez gromadzenie danych przez dłuższy czas, dostarczając ważnych informacji o wydajności Twojej witryny. Zwraca także uwagę na doświadczenia użytkownika i problemy techniczne.
4. Przetestuj globalną wydajność
Jeśli utworzyłeś witrynę WordPress, która obsługuje odbiorców na całym świecie, musisz upewnić się, że Twoja witryna działa poprawnie we wszystkich regionach. W tym miejscu będziesz potrzebować pomocy Test wydajności KeyCDN.
KluczCDN
KeyCDN umożliwia ocenę pojedynczej witryny internetowej przy użyciu 14 różnych lokalizacji na całym świecie. Możesz zachować wyniki testu jako prywatne lub udostępnić je publicznie. Wyniki dostarczają informacji o żądań, rozmiaru treści i czasu ładowania.
5. Monitoruj przestoje serwera
Powinieneś rozważyć skorzystanie z bezpłatnego Robot działający na czas narzędzie do audytu witryny WordPress pod kątem przestojów.
Robot działający na czas
To narzędzie co jakiś czas przeprowadza testy na Twojej witrynie 30 sekundnatychmiastowe wysyłanie powiadomień w przypadku przestojów.
To, co wyróżnia Uptime Robot, to wyjątkowa kompatybilność z platformami Android i iOS. Dzięki tej funkcji możesz być na bieżąco informowany o wszelkich problemach z witryną, co czyni ją wygodnym i nieocenionym źródłem informacji o proaktywnym zarządzaniu witryną.
6. Wykonaj test obciążenia
Zawsze powinieneś przeprowadzić test obciążenia swojej witryny, aby sprawdzić czas jej reakcji. Zamiast losowo zgadywać, ile ruchu może przyjąć Twoja witryna, musisz mieć pewność, zanim będzie za późno.
Ale jak możesz to zrobić? Używając Loader.io!
Loader.io
Loader.io to bezpłatne narzędzie do testowania stron internetowych, aplikacji i interfejsów API pod kątem warunków skrajnych.
Regularne testowanie jest ważne w przypadku dynamicznych witryn, takich jak WordPress, w celu oceny wydajności w różnych sytuacjach obciążenia serwera, takich jak duży ruch odwiedzających lub potencjalne ataki botów.
Masz trzy opcje testu:
- Klienci na test: Równomierne rozmieszczenie klientów podczas testu
- Klienci na sekundę: Liczba żądań klientów na sekundę
- Utrzymuj obciążenie klienta: Stała liczba klientów przez cały czas trwania testu
Audyt wydajności witryny front-end (ręcznie)
W przypadku ręcznego audytu wydajności WordPressa należy zacząć od tego:
- Początek Google Chrome w trybie incognito aby zapobiec wpływowi danych przeglądania na wyniki.
- Skorzystaj z Klawisz F12, aby zainicjować narzędzia Chrome DevTools i uzyskaj dostęp do Sieć patka.
- Tymczasowo włącz Wyłącz pamięć podręczną opcja uniemożliwiająca przeglądarce przechowywanie pamięci podręcznej po stronie klienta.
- Sprawdź różne podstrony strony głównej żądanej witryny. Rozważę CNET.com jako przykład tutaj.
- Aby skompensować wahania wyników, należy wykonać kilka przebiegów testowych i używać tylko tych wyników, które nie wykazują żadnych wyraźnych odchyleń.
OK, więc na co dokładnie powinieneś zwrócić uwagę przeprowadzając ręczny audyt wydajności WordPressa?
Więc to Wykres wodospadu i stopka Sieć patka. Na tej karcie wyświetlane są ważne pomiary do analizy sieci.
Spójrz na zrzut ekranu poniżej:
Na samym dole zobaczysz następujące informacje:
- Upraszanie
- MB przeniesione
- Zasoby MB
- Skończyć
- DOMContentLoaded
- Obciążenie
Obok kolumny Czas zobaczysz wykres kaskadowy. Wykres kaskadowy pokazuje, ile czasu zajmuje załadowanie każdej rzeczy na stronie internetowej i w jaki sposób są one jednocześnie żądane.
Ten wykres pomaga określić, czy powolność wynika z dużej liczby rzeczy do załadowania, czy też z opóźnień w działaniu. Czas potrzebny na uzyskanie pierwszej porcji danych (TTFB) jest w tym przypadku naprawdę ważne.
Teraz, gdy już wiesz, czego szukać, zobaczmy, jak możesz zinterpretować wyniki.
Upraszanie:
Jeśli spojrzysz na zrzut ekranu, zobaczysz to na stronie głównej cnet.com, zobaczysz to 190 żądań zostały wykonane podczas ładowania strony.
Te prośby obejmują wszystko pliki, obrazy, skrypty i inne zasoby strona żąda.
Co zrobić, żeby to naprawić?
Zmniejsz liczbę żądań wysyłanych przez sieć, łącząc zasoby, eliminując niepotrzebne żądania i, jeśli to konieczne, korzystając z leniwego ładowania obrazów i filmów.
MB przeniesione:
Idąc dalej, sprawdzamy całkowitą ilość danych w megabajtach, które zostały przesłane przez sieć w celu załadowania strony internetowej i powiązanych z nią elementów.
Jeśli suma była 3,8MBpomiar ten uwzględnia kompresję zasobów, taką jak Gzip lub Brotli, zastosowaną podczas przesyłania.
Co zrobić, żeby to naprawić?
Zmniejsz ilość danych, kompresując zasoby, optymalizując obrazy i filmy oraz wdrażając kompresję Gzip, jeśli jest to konieczne.
Zasoby MB:
Ta wartość wskazuje łączny rozmiar zasobów podczas ładowania strony, z wyłączeniem nagłówków i plików cookie. W moim przypadku reprezentuje rzeczywisty rozmiar zasobu po dekompresji klienta, łącznie 11,0 MB.
Co zrobić, żeby to naprawić?
Zmniejsz rozmiar zasobów, eliminując nieużywane skrypty i arkusze stylów, optymalizując kod i kompresując zasoby.
Skończyć:
Jest to czas potrzebny na zakończenie wszystkich żądań sieciowych i pełne pobranie zasobów. Jest mierzony w sekundach. Kończy się w momencie odebrania ostatniego zasobu.
W naszym przypadku tym razem jest 18,88 sekundy. Należy pamiętać, że jeśli zasoby są pobierane asynchronicznie, na przykład podczas odtwarzania wideo, czas zakończenia trwa nawet po całkowitym załadowaniu strony internetowej.
Co zrobić, żeby to naprawić?
Przyspiesz czas ładowania, poprawiając efektywność wykorzystania zasobów, przechodząc na szybszy hosting lub wdrażając rozwiązania CDN.
DOMContentLoaded:
DOMContentLoaded to czas potrzebny na zbudowanie i przygotowanie obiektu Document Object Model (DOM) strony do obsługi skryptów. Czas ten, mierzony w sekundach, kończy się w momencie wywołania przez okno przeglądarki zdarzenia DOMContentLoaded. W naszym czasie DOMContentLoaded, który otrzymaliśmy, wynosił 3,18 s.
Co zrobić, żeby to naprawić?
Zwiększ gotowość DOM, nadając priorytet niezbędnym zasobom, zapobiegając blokowaniu renderowania i asynchronicznie ładując skrypty.
Obciążenie:
Czas ładowania oznacza czas ładowania całej strony, obejmujący wszystkie zasoby, obrazy i skrypty. Czas ten, mierzony w sekundach, kończy się w momencie uruchomienia okna przeglądarki obciążenie zdarzenie wskazujące przetwarzanie wszystkich zasobów i skryptów oraz pełne załadowanie strony. W naszym teście załadowanie całej strony trwało ok 5,62 sekundy.
Co zrobić, żeby to naprawić?
Skróć całkowity czas ładowania, stosując wspomniane techniki optymalizacji i konsekwentnie nadzorując i udoskonalając wydajność swojej witryny.
1. Użyj filtrów, aby usprawnić analizę wydajności
W ramach Sieć zakładka, zastosowanie filtrów usprawnia analizę i umożliwia ukierunkowane badanie poszczególnych typów zasobów. Dostępne kategorie to:
- Pobierz/XHR
- JS
- CSS
- Obraz
- Głoska bezdźwięczna
- Czcionka
- Doktor
- WS
- Był m
- Oczywisty
- Inny
2. Wykorzystaj funkcję dławienia w Chrome DevTools
Narzędzie do ograniczania przepustowości w Chrome DevTools pozwala udawać, że masz wolniejszy internet i słabsze komputery, jak niektórzy użytkownicy. Pomaga zobaczyć, jak ładuje się Twoja witryna dla osób o różnych prędkościach Internetu i słabszych urządzeniach, a nie tylko szybkich komputerach i dobrych połączeniach.
3. Przeprowadź testy responsywne
Za pomocą paska narzędzi urządzenia w narzędziach Chrome DevTools możesz replikować wygląd swojej witryny na różnych urządzeniach. Jest to pomocne przy identyfikowaniu i rozwiązywaniu problemów z wydajnością lub wyświetlaniem na telefonach komórkowych i tabletach.
Podczas symulacji możesz zmienić orientację urządzenia (pionową lub poziomą), zmodyfikować powiększenie, a nawet zastosować ograniczenia sieci i procesora, aby uzyskać bardziej autentyczne scenariusze testowe.
4. Optymalizuj treści multimedialne pod kątem wydajności witryny
Optymalizacja treści multimedialnych, takich jak obrazy i filmy w witrynie internetowej, ma kluczowe znaczenie dla wydajności. Zasoby te mogą spowolnić czas ładowania, ponieważ filmy zwykle ładują się asynchronicznie, a obrazy ładują się całkowicie podczas ładowania strony.
Aby usprawnić ładowanie obrazu, rozważ leniwe ładowanie. Ważne jest, aby kompresować i używać odpowiedniego formatu obrazu oraz dostosowywać rozmiary do różnych urządzeń.
Kompresja obrazu jest również kluczowa, ponieważ pozwala zmniejszyć rozmiar pliku przy jednoczesnym zachowaniu jakości. Na platformach takich jak WordPress wtyczki i usługi mogą pomóc w optymalizacji
5. Zwróć uwagę na zarządzanie zasobami
Aby uzyskać optymalną wydajność w witrynie WordPress bez osadzania stron trzecich, wtyczka buforująca, taka jak Breeze firmy DreamHost, może dobrze działać. Jednak osiągnięcie wysokiej wydajności staje się trudniejsze, gdy wbudowane są zewnętrzne zasoby stron trzecich.
Zasoby te są ładowane z serwerów zewnętrznych, co ogranicza możliwości bezpośredniej optymalizacji. Takie integracje obejmują filmy z YouTube, skrypty, arkusze stylów, czcionki, obrazy, filmy, widżety mediów społecznościowych, narzędzia analityczne i wiele innych.
Staraj się zmniejszyć liczbę zasobów stron trzecich w swojej witrynie. Usuń te, które są zbędne lub nie dodają znaczącej wartości. Konsoliduj zasoby tam, gdzie to możliwe.
Audyt wydajności WordPressa zaplecza
Po zakończeniu audytu wydajności frontendowego WordPressa skupmy się na poprawie wydajności Twojej witryny z perspektywy backendu.
1. Aktualizacje i konserwacja
- Zarządzanie wtyczkami: Regularnie usuwaj niepotrzebne wtyczki i aktualizuj WordPress oraz aktywne wtyczki, aby zapobiec lukom w zabezpieczeniach i problemom z wydajnością.
- Wersja PHP: Upewnij się, że na Twoim serwerze działa najnowsza wersja PHP, aby wykorzystać ulepszenia wydajności i aktualizacje zabezpieczeń. Jest to uważane za ważną część audytu wydajności i bezpieczeństwa WordPress.
2. Optymalizacja bazy danych
- Optymalizuj bazę danych: Z biegiem czasu usuń nieaktualne dane i bałagan z bazy danych, zwiększając wydajność.
- Pomoc dotycząca wtyczki: Użyj wtyczek, aby zautomatyzować czyszczenie i redukcję bazy danych, optymalizując wydajność systemu.
3. Zaplanuj zadania Cron
- Praca Crona: Automatyzuj powtarzające się zadania dzięki wbudowanemu systemowi WP-Cron WordPress.
- Problemy z wydajnością: Częste wyzwalacze WP-Cron podczas ładowania strony mogą prowadzić do problemów z wydajnością, szczególnie w przypadku zadań wymagających dużego ruchu lub wymagających dużych zasobów.
- Prawdziwe zadania Cron: Popraw wydajność i niezawodność, zastępując WP-Cron prawdziwymi zadaniami cron kontrolowanymi przez system. Wyłącz WP-Cron i skonfiguruj zadania cron sterowane przez system za pomocą panelu sterowania swojego dostawcy usług hostingowych.
4. Buforowanie po stronie serwera
- Rozwiązania buforujące: Korzystaj z narzędzi buforowania po stronie serwera, takich jak LiteSpeed, Lakieri Redis w celu poprawy wydajności.
- Zaleta wydajności: Buforowanie po stronie serwera przechowuje często żądane dane bliżej źródła serwera, co skutkuje szybszym i wydajniejszym dostarczaniem treści niż wtyczki buforujące na poziomie aplikacji.
- Obciążenie serwera i skalowalność: Mniejsze obciążenie serwera i lepsza skalowalność w przypadku dużego ruchu dzięki zoptymalizowanym rozwiązaniom buforowania.
- Obsługa zawartości dynamicznej: Buforowanie po stronie serwera skutecznie zarządza zawartością dynamiczną, co jest korzystne w przypadku złożonych witryn WordPress.
Streszczenie
Podsumowując, wolno ładująca się witryna może prowadzić do zmniejszenia liczby odwiedzających i przychodów. Jednak kompleksowy audyt wydajności WordPressa może szybko wskazać problemy i pomóc w ich rozwiązaniu.
Audyt ten obejmuje dwa kluczowe aspekty: audyt wydajności witryny front-end oraz audyt back-endu. Audyt front-end może zostać przeprowadzony syntetycznie za pomocą zautomatyzowanych narzędzi lub ręcznie poprzez osobistą weryfikację.
Twoje podejście zależy od Twoich preferencji i wymagań dotyczących optymalizacji wydajności Twojej witryny.
