4 najważniejsze wskazówki, jak ulepszyć audyt kluczowych wskaźników internetowych

Nie ma sztywnych i szybkich zasad dotyczących przeprowadzania audytu Core Web Vitals, zwłaszcza przy użyciu różnych narzędzi innych firm, które należy wziąć pod uwagę. Przedstawiamy niektóre z naszych najważniejszych wskazówek dotyczących audytu prędkości, które można włączyć do przepływów pracy, które obejmują:

• Wygląd strony i Konsola wyszukiwania Google
• Wady PageSpeed ​​Insights
• Zalecane narzędzia do audytu stron trzecich
• Zrozumienie wykresów kaskadowych

1. Rozpocznij proces audytu Core Web Vitals w Search Console

Podczas sprawdzania witryny pod kątem szybkości witryny i problemów z podstawowymi wskaźnikami internetowymi zalecamy rozpoczęcie procesu rozwiązywania problemów od przejrzenia sekcji „Doświadczenie” w Search Console – pod warunkiem, że dostęp jest możliwy. Konsola wyszukiwania agreguje dane dotyczące rzeczywistych użytkowników (pola) z raportu Chrome UX, dzięki czemu jest to łatwy sposób na zrozumienie, które problemy z LCP, CLS lub FID wpływają na wrażenia użytkownika, a ostatecznie na potencjał rankingowy witryny.

Przejdź do opcji „Page Experience” > „Core Web Vitals”, a wyświetlony wykres pokaże liczbę adresów URL sklasyfikowanych jako „Dobre”, „Wymaga poprawy” lub „Słabe” dla usługi witryny. Na przykład:

Zobacz poniższy wykres przedstawiający czasy i dane od Google dotyczące powyższych progów kluczowych wskaźników internetowych.

Stąd możemy ocenić, czy większość adresów URL jest sklasyfikowana jako „Dobra”, co oznacza, że ​​przechodzą wszystkie trzy podstawowe wskaźniki sieciowe, lub czy większość stron jest „Słaba” lub „Wymaga poprawy”, co wskazuje na nierozstrzygnięte problemy techniczne które muszą zostać rozwiązane, aby mogły przejść.

Przydatna wskazówka: Aby uzyskać status „Dobra”, strony muszą przejść wszystkie trzy kluczowe kryteria internetowe. Nie wystarczy, że większość adresów URL witryny znajduje się w zakresie „Wymaga poprawy”.

Następnie możesz przejść do każdej sekcji, aby odkryć określone adresy URL, na które mają wpływ problemy z szybkością i które wymagają audytu. Są one pogrupowane według podobnych na poziomie szablonu. Tak więc, zamiast próbować audytować różne typy adresów URL, które może mieć witryna – np. strona główna, strony kategorii, strony produktów, posty na blogu itp., problemy, z którymi borykają się prawdziwi użytkownicy podczas odwiedzania witryny, mogą koncentrować się tylko na 1 lub 2 z nich, co oznacza, że ​​możesz skupić swoje wysiłki wyłącznie na tych szablonach, co może być dużą oszczędnością czasu.

2. Oszczędnie korzystaj z PageSpeed ​​Insights

Chociaż PageSpeed ​​Insights (PSI) to przydatne bezpłatne narzędzie Google, które daje ogólny przegląd potencjalnych możliwości rozwiązania problemów, jest to naprawdę leniwy sposób na kontrolowanie szybkości witryny, jeśli jest używany oddzielnie. Widzieliśmy, jak wielu SEO przyjmuje rekomendacje, czasami słowo w słowo, i przedstawia je programistom lub zespołowi technicznemu klientów, nie rozumiejąc ich przyczyny ani kontekstu.

Niestety, często może to prowadzić do odpowiedzi na więcej pytań, zwłaszcza jeśli nie zagłębiasz się w możliwości i zalecenia, które wypluwa narzędzie.

Na przykład wszyscy słyszeliśmy o zaleceniu „Wyeliminuj zasoby blokujące renderowanie”, aby przyspieszyć ładowanie elementu LCP, ale co się dzieje, gdy zasób ten ma kluczowe znaczenie przy pierwszym malowaniu, na przykład skrypt banera cookie czy aktywa, których dotyczy problem, są zasobami stron trzecich? Deweloperzy prawdopodobnie odrzucą to, ponieważ niewiele będą mogli zrobić – więc naprawdę ważne jest, aby wszelkie zalecenia techniczne zaczerpnięte z PSI były przyjmowane z przymrużeniem oka i dalej badane przed powrotem do programiści.

Warto również wiedzieć, że PSI używa zestawu emulowanego urządzenia (Moto G4) z Lighthouse, ale problemy mogą się znacznie różnić w zależności od urządzenia, z którego najczęściej korzystają prawdziwi użytkownicy, tak jak w przypadku testów „laboratorium”. Może to często oznaczać, że PSI nie zwróci problemów ani możliwości testowania na tym konkretnym urządzeniu, mimo że z raportu Chrome UX wiesz, że istnieje problem dla prawdziwych użytkowników witryny.

Dlatego zawsze zalecamy używanie PSI w połączeniu z innymi narzędziami do testowania prędkości, w których można odpowiednio dostosować konfigurację urządzenia i połączenia.

3. Poznaj alternatywne narzędzia do audytu prędkości

Oprócz korzystania z PageSpeed ​​i innych narzędzi Google zalecamy również zapoznanie się z innymi bezpłatnymi i freemium narzędziami do testowania prędkości, takimi jak WebPageTest (WPT) lub GTMetrix.

WebPageTest zawiera szereg przydatnych funkcji i opcji konfiguracyjnych, które ułatwiają szybkie testowanie na poziomie strony. Zaawansowana konfiguracja umożliwia dostosowanie ważnych ustawień testu, takich jak przeglądarka i typ urządzenia, a także lokalizacja testu. Pozwala to na precyzyjne dostrojenie audytu, zwłaszcza jeśli wiesz, gdzie znajduje się większość użytkowników witryny, a także typ ich urządzenia, co oznacza, że ​​nie polegasz tylko na wstępnie ustawionym urządzeniu symulowanym Google.

Tutaj możesz również dostosować ustawienia połączenia z domyślnego szybkiego połączenia 3G, a także zablokować niektóre adresy URL, jeśli chcesz przetestować wzrost wydajności w przypadku kłopotliwych skryptów. Istnieje wiele innych opcji konfiguracyjnych, których nie wymieniliśmy do zbadania, ale powyższe są tymi, które uznaliśmy za najbardziej przydatne podczas audytu podstawowych wskaźników internetowych.

Po uruchomieniu testu przejdź do zakładki Core Web Vitals, aby uzyskać szczegółowy podział wydajności dla każdego wskaźnika, w tym taśmy filmowe, osie czasu wideo, wykresy kaskadowe, a także szczegółowy podział elementu, który wywołał zdarzenie – wszystko to można eksportować w różnych formatach, a co najważniejsze, za darmo!

Widok taśmy filmowej jest szczególnie przydatny do zrozumienia, w którym momencie strony ładują się określone elementy, które pojawiają się wizualnie, co może pomóc w ustaleniu priorytetów, które zasoby mogą być potencjalnie ładowane szybciej. Wyświetli się bardzo wyraźnie, jeśli wystąpią znaczące przesunięcia wizualne, które pomogą zidentyfikować elementy, które je powodują.

GTMetrix ma podobne funkcje do WebPageTest, jednak wiele zaawansowanych opcji, które są darmowe w WPT, jest dostępnych tylko w płatnych pakietach.

4. Poznaj wykresy wodospadu

Zasadniczo wykres kaskadowy to oś czasu pokazująca, kiedy żądane są pliki lub zasoby, jak długo trwało ich pobranie i kiedy są widoczne na stronie.

Patrzenie na wykres kaskadowy może wydawać się nieco zniechęcające ze względu na przesunięcie, ponieważ istnieje wiele różnych wierszy, długości słupków i kolorów, które oznaczają różne rzeczy – ale nie zniechęcaj się! Poświęcanie czasu na naukę i zrozumienie wykresów kaskadowych jest najważniejszą umiejętnością, jaką powinien posiadać techniczny SEO w zakresie audytu szybkości.

Jeśli jesteś przyzwyczajony do używania WebPageTest do audytu wskaźników internetowych, ich wykresy kaskadowe są najbardziej przyjazne dla użytkownika. WebPageTest zapewnia kodowany kolorami klucz nad wykresem, oznaczający informacje o połączeniu, żądane typy zasobów i inne zdarzenia, takie jak wykonanie JS. Wyświetla również wizualnie zasoby blokujące renderowanie, a także podświetla żądane zasoby, które mają odpowiedź 3xx lub 4xx.

Pomocna wskazówka: zwróć uwagę na jasny i ciemny odcień poziomych pasków na wodospadzie, jasny odcień oznacza, że ​​przeglądarka zażądała zasobu, a ciemny oznacza, że ​​zasób jest pobierany .

Podsumowując, pomaga to w lepszym zrozumieniu problemów z wydajnością w witrynie, a co za tym idzie, sprawia, że ​​zalecenia dotyczące ich naprawy są bardziej wykonalne. Aby dowiedzieć się więcej, polecamy szczegółowy artykuł Matta Hobbsa o tym, jak czytać wykres kaskadowy.

Jeśli szukasz porady ekspertów na temat rozwiązywania problemów z wydajnością w Twojej witrynie, skontaktuj się z nami lub odwiedź naszą stronę Usługi techniczne SEO, aby uzyskać więcej informacji o tym, jak Semetrical może pomóc.