Jak analizować wydajność witryny WordPress

Ten przewodnik jest napisany dla każdego, kto chce poznać podstawy optymalizacji wydajności WordPressa.

Dla wielu początkujących WordPressa ich słownictwo do zrozumienia wydajności strony internetowej składa się z „szybko” i „wolno”.

Podobnie jak w przypadku wszystkich tematów, nie możesz dobrze zrozumieć tematu bez uprzedniego zapoznania się z terminologią.

W tym poście poznasz kilka nowych terminów i skorzystasz z bezpłatnego narzędzia, które pomoże Ci lepiej zrozumieć wydajność Twojej witryny.

Jak mierzyć wydajność witryny?

Istnieje wiele narzędzi do mierzenia wydajności witryny, ale w tym poście będziemy pracować wyłącznie z popularnym narzędziem do oceniania wydajności GTMetrix.

GTMetrix oceni wydajność Twojej witryny na podstawie zarówno testu Google PageSpeed ​​Insights, jak i YSlow. Zapewnia również garść praktycznych wskaźników, które dodatkowo wyjaśnią czasy ładowania.

Aby skorzystać z tego narzędzia, wystarczy skopiować i wkleić adres URL swojej witryny w polu na stronie głównej i nacisnąć Enter.

GTMetrix przeprowadzi kilka testów w ciągu około 20 sekund, a następnie zobaczysz taki raport:

Wyniki testów dla Competthemes.com

Jest tu dużo do rozpakowania, ale skupimy się całkowicie na sekcji Szczegóły strony po prawej stronie.

Zrozumienie wskaźników wydajności

GTMetrix wyróżnia trzy metryki w każdym raporcie:

• W pełni załadowany czas
• Całkowity rozmiar strony
• Upraszanie

Poznanie tych wskaźników i sposobu ich działania znacznie pomoże w skróceniu czasu wczytywania witryny.

W pełni załadowany czas

Pierwsza liczba, którą zobaczysz, to czas pełnego obciążenia.

Ta liczba określa, ile czasu zajmuje całkowite wczytanie witryny. Innymi słowy, tak długo ikona ładowania się obraca na karcie przeglądarki, zanim strona zostanie całkowicie załadowana.

Średni czas pełnego załadowania: 6,8 sekundy

Całkowity rozmiar strony

Następna metryka to Całkowity rozmiar strony.

W tym przypadku „rozmiar” jest terminem używanym do opisania ilości danych (takich jak KB i MB), a nie wizualnych wymiarów strony.

Na przykład obraz o wielkości 3 MB w Twojej witrynie znacznie zwiększyłby rozmiar strony. Czasami nazywamy to również „wagą strony”.

Zmniejszenie całkowitego rozmiaru strony zmniejszy czas pełnego załadowania.

Średni całkowity rozmiar strony: 2,97 MB

Całkowita liczba wniosków

Ostatnia metryka w raporcie nazywa się Żądania.

„Żądania” oznaczają liczbę żądań plików. Na przykład post na blogu z pięcioma obrazami spowoduje wysłanie 5 żądań plików dla tych obrazów. Zgłosi również żądanie pliku CSS motywu, plików JS z wtyczek i tak dalej.

Zmniejszenie liczby żądań skróci czas pełnego załadowania.

Średnia liczba zapytań: 85

Kładąc wszystko razem

Oto ważny wniosek z tych trzech wskaźników:

Czas pełnego załadowania Twojej witryny jest zwiększany o łączny rozmiar strony i liczbę żądań.

Ta strona internetowa ma niski rozmiar strony i niewiele żądań, dlatego czas pełnego załadowania jest tak znacznie poniżej średniej.

Jeśli więc chcesz przyspieszyć działanie swojej witryny, robisz to poprzez:

• Zmniejszanie rozmiaru strony
• Zmniejszenie liczby żądań plików

Wewnątrz raportu GTMetrix znajdziesz listę zalecanych optymalizacji opartych na raporcie Google PageSpeed, a oprócz kilku, wszystkie obracają się wokół zmniejszania rozmiaru strony i zmniejszania żądań.

Gdy optymalizujesz swoją witrynę, powinieneś od czasu do czasu wracać do GTMetrix, aby ponownie ocenić swoją witrynę i upewnić się, że rozmiar strony i żądania spadają. Jeśli tak, powinieneś zobaczyć swój czas pełnego obciążenia.

Wskazówka: zanim zaczniesz optymalizować swoją witrynę, dobrze jest zrobić zrzut ekranu wyników, aby móc dokonać porównania przed i po.

Poznałeś już najważniejsze aspekty mierzenia wydajności witryny, ale jest kilka subtelności, o których również powinieneś wiedzieć.

Twoje pomiary nie pozostaną takie same

Za każdym razem, gdy uruchamiasz swoją witrynę przez GTMetrix, czas pełnego załadowania będzie nieco inny. A jeśli wypróbujesz inne narzędzia, takie jak Pingdom, ponownie zobaczysz inne wartości.

Prawda jest taka, że ​​twój komputer nie uzyskuje idealnie równego przepływu przepustowości z routera, podobnie jak serwer ani narzędzia, za pomocą których testujesz. Twoje wyniki po prostu nie mogą być dokładnie takie same za każdym razem, gdy testujesz.

Dobrą wiadomością jest to, że twoje testy nie będą się tak różnić. Rozmiar strony i liczba żądań pozostaną takie same, a czas pełnego załadowania powinien przesunąć się tylko o kilka milisekund.

Ale ta mała zmiana wprowadza problem…

Ulepszenia są trudne do zmierzenia

Jeśli Twoja witryna ładuje się w ciągu 10 sekund, a następnie zoptymalizujesz ją do ładowania w 5 sekund, będzie to niezwykle widoczne. Nie potrzebujesz żadnych narzędzi, aby wiedzieć, że Twoja witryna ładuje się szybciej.

Często jednak dokonujesz niewielkich optymalizacji, które skracają czas ładowania witryny z 4,5 sekundy do 4,2 sekundy. Jeśli będziesz polegać wyłącznie na własnych obserwacjach, nie będziesz w stanie odróżnić.

A oto kiepska impreza…

Ponieważ GTMetrix (i każde inne narzędzie wydajności) daje nieco inny czas pełnego obciążenia z każdym testem, naprawdę trudno jest stwierdzić, czy małe optymalizacje działały nawet podczas pomiaru za pomocą narzędzi. Może to być przygnębiające, jeśli zakończysz nową optymalizację, a następnie GTMetrix pokaże, że Twoja witryna ładuje się wolniej niż wcześniej.

Chociaż nie zalecam całkowitego odrzucania testowania, ma to tę wadę.

Jak więc upewnić się, że zmiany, które wprowadzasz w swojej witrynie, rzeczywiście poprawiają wydajność?

Trzymaj się podstaw

W razie wątpliwości trzymaj się podstaw optymalizacji wydajności:

• Zmniejsz rozmiar strony
• Zmniejsz liczbę wniosków

Te dwie taktyki zawsze będą działać, aby poprawić wydajność Twojej witryny, więc jeśli uzyskasz mylące wyniki z GTMetrix, po prostu zadaj sobie pytanie:

• Czy zmniejszyłem liczbę żądań plików i/lub zmniejszyłem rozmiar strony?

Jeśli tak, wykonałeś dobrą robotę.

Jak zoptymalizować swoją witrynę?

Ciągle mówię o tym, jak należy zmniejszyć rozmiar strony i żądania, ale nie powiedziałem jeszcze, jak to zrobić.

To dlatego, że mam już obszerny wpis na blogu na ten temat:

Wszystkie 36 sposobów na przyspieszenie witryny WordPress →

Ma ponad 7000 słów i zawiera każdą realną taktykę wydajności, która ma przyspieszyć działanie WordPressa. Używam wszystkich tych taktyk na tej stronie, dlatego ładuje się tak szybko.

Pomocne powinno być dokładne zademonstrowanie, jak zmniejszyć rozmiar strony i żądania, a jeśli nadal próbujesz owinąć głowę wokół tych pomysłów, w tym poście jest więcej wyjaśnień i przykładów.

Mam nadzieję, że ten artykuł pomógł Ci zrozumieć optymalizację wydajności. Jeśli Ci się spodobał, przed wyjazdem podziel się nim z kimś innym.