Dane o wydajności mają wartość tylko wtedy, gdy je śledzisz i wyciągasz z nich wnioski. Panel śledzi wydajność w czasie. Raportowanie przekazuje trendy zespołowi i zarządowi.
Bez panelu: wskaźniki wydajności mierzy się raz. Nie wiadomo, czy jest poprawa. Nie wiadomo, czy jest regres. Dane idą w zapomnienie.
Z panelem: wydajność mierzy się codziennie. Poprawa jest widoczna. Regres uruchamia alert. Zespół czuje odpowiedzialność.
Przykład: LCP poprawia się z 3 sekund do 2 sekund w ciągu trzech miesięcy. Panel pokazuje trend poprawy. Zespół widzi, że jego praca ma znaczenie. Zarząd widzi, że inwestycja się opłaciła. Buduje się kultura dbania o wydajność.
Budowa panelu wydajności
Panel pokazuje: LCP, CLS, INP, czas ładowania strony, czas odpowiedzi serwera, rozmiar obrazów i rozmiar pakietu JavaScript.
Panel pokazuje: bieżącą wartość, wartość z poprzedniego miesiąca i trend (poprawa lub pogorszenie).
Panel pokazuje: wyniki według stron (strona główna, produkt, kasa). Różne strony mają różne profile wydajności.
Panel pokazuje: wyniki według urządzeń (telefon, komputer). Telefony i komputery mają inną wydajność.
Panel pokazuje: wyniki według regionów (USA, UE, APAC). Szybkość sieci zależy od lokalizacji.
Prawdziwy przykład panelu:
- LCP strony głównej: 1,5 sekundy (cel 2,5), trend: poprawa
- LCP strony produktu: 2 sekundy (cel 2,5), trend: bez zmian
- LCP strony kasy: 1,8 sekundy (cel 2), trend: pogorszenie (alert)
- Średni LCP na telefonach: 2,2 sekundy (cel 3), trend: poprawa
- Średni LCP na komputerach: 1,3 sekundy (cel 2), trend: poprawa
Panel na pierwszy rzut oka pokazuje: większość stron jest w dobrym stanie, strona kasy się pogarsza (wymaga zbadania).
Rytm i formaty raportowania
Cotygodniowy raport wydajności: wysyłany e-mailem zespołowi technicznemu. Pokazuje wskaźniki z ostatniego tygodnia. Podkreśla: co się poprawiło, co się pogorszyło, co wymaga uwagi.
Miesięczny raport wydajności: wysyłany e-mailem zarządowi. Pokazuje trendy z ostatniego miesiąca. Podkreśla: wydajność względem celów, wpływ na biznes (przychody, konwersje).
Kwartalny przegląd wydajności: prezentacja dla zarządu. Pokazuje kierunek zmian wydajności. Podkreśla: poprawę rok do roku, pozycję na tle konkurencji.
Prawdziwy przykład cotygodniowego raportu:
- Tydzień od 5 maja: średni LCP 1,8 sekundy (cel 2,5, dobrze)
- Poprawa w tym tygodniu: kompresja obrazów skróciła LCP o 0,2 sekundy
- Pogorszenie w tym tygodniu: nowa funkcja dodała 50 KB JavaScriptu, LCP wzrósł o 0,1 sekundy
- Najbliższy cel: zoptymalizować LCP strony kasy (obecnie 2,2 sekundy, cel 2,0)
Śledzenie wydajności względem celów
Cel: LCP poniżej 2,5 sekundy dla 90 procent użytkowników.
Obecnie: 85 procent użytkowników poniżej 2,5 sekundy.
Luka: 5 procent użytkowników nadal ma wolny LCP.
Czas do celu: dwa miesiące (przy obecnym tempie poprawy 1 procent miesięcznie).
Panel śledzi lukę do celu. Zespół zna postęp. Zespół zna termin.
Prawdziwy przykład: cele wydajności sklepu internetowego.
- Cel pierwszy: LCP strony głównej poniżej 2 sekund do końca kwartału
- Obecnie: 2,3 sekundy
- Luka: 0,3 sekundy
- Postęp miesięcznie: 0,1 sekundy (na podstawie dotychczasowego trendu)
- Na dobrej drodze: tak (cel zostanie osiągnięty za trzy miesiące, kwartał trwa trzy miesiące)
- Cel drugi: wzrost konwersji w kasie dzięki przyspieszeniu strony
- Oczekiwany wzrost: 1 procent (według badań)
- Obecna konwersja: 3 procent
- Docelowa konwersja: 3,03 procent
- Klienci wyjściowo: 500 (3 procent ze 100 tysięcy odwiedzających miesięcznie)
- Klienci docelowo: 550 (3,3 procent)
- Oczekiwany wzrost przychodów: 50 tysięcy dolarów miesięcznie
Prawdziwy przykład: panel wydajności i raportowanie w SaaS
Obecny panel:
- LCP strony produktu: 1,5 sekundy (cel 2), status zielony
- LCP strony rejestracji: 1,8 sekundy (cel 2), status zielony
- LCP strony ustawień: 2,2 sekundy (cel 2), status żółty
- LCP strony panelu: 2,1 sekundy (cel 2), status żółty
- Średni LCP na telefonach: 2,3 sekundy (cel 3), status zielony
- Średni LCP na komputerach: 1,5 sekundy (cel 2), status zielony
- Czas ukończenia rejestracji (wskaźnik własny): 2,5 sekundy (cel 2), status żółty
Raport wydajności z pierwszego tygodnia:
- Trzy strony osiągają cel (status zielony)
- Dwie strony są powyżej celu (status żółty)
- Działanie: strony ustawień i panelu wymagają optymalizacji
- Analiza: strona ustawień wczytuje preferencje użytkownika (wolne zapytanie do bazy), strona panelu wczytuje dane analityczne (wolne API)
- Rozwiązanie: buforować preferencje, wczytywać dane analityczne z wyprzedzeniem
Drugi tydzień po optymalizacji:
- LCP strony ustawień: 1,9 sekundy (z 2,2), poprawa o 0,3 sekundy
- LCP strony panelu: 1,9 sekundy (z 2,1), poprawa o 0,2 sekundy
- Czas ukończenia rejestracji: 2 sekundy (z 2,5), poprawa o 0,5 sekundy
- Wszystkie strony osiągają teraz cel
Raport z drugiego tygodnia: wszystkie strony osiągają cel. Cele wydajności zostały spełnione.
Miesięczny raport dla zarządu:
- Miesiąc rozpoczął się z 40 procentami stron powyżej celu
- Miesiąc zakończył się z 0 procent stron powyżej celu
- Oczekiwana poprawa ukończenia rejestracji: wzrost o 5 procent (według badań)
- Obecna liczba rejestracji: 1000 miesięcznie
- Oczekiwana nowa liczba rejestracji: 1050 miesięcznie
- Oczekiwani nowi płacący klienci: 50 (przy założeniu 20 procent konwersji)
- Oczekiwane nowe przychody: 50 klientów razy 5 tysięcy dolarów wartości życiowej klienta daje 250 tysięcy dolarów
Przekazywanie wyników wydajności osobom nietechnicznym
Osoby techniczne rozumieją LCP i CLS. Osoby nietechniczne (CEO, finanse, marketing) nie.
Potrzebna jest warstwa tłumaczenia:
- LCP 2 sekundy oznacza, że strona wydaje się szybka (użytkownik szybko widzi treść)
- CLS 0,05 oznacza, że strona jest stabilna (nic nie skacze)
- INP 150 milisekund oznacza, że strona reaguje (przyciski odpowiadają od razu)
Lepsze tłumaczenie: powiązanie z wynikiem biznesowym.
- LCP 2 sekundy to poprawa konwersji o 1 procent, czyli 50 tysięcy dolarów przychodów miesięcznie
- CLS 0,05 to wzrost zaangażowania o 2 procent, czyli 10 tysięcy dolarów miesięcznie
- INP 150 milisekund to wzrost zadowolenia użytkowników o 3 procent, czyli 2 tysiące dodatkowych wracających użytkowników tygodniowo
Osoby nietechniczne rozumieją przychody i wpływ na użytkowników.
Najczęstsze pytania
Czy pokazywać wskaźniki wydajności publicznie?
Tak, jeśli to daje przewagę nad konkurencją. Jeśli Twoja wydajność jest najlepsza w branży, publikuj wskaźniki. Użytkownicy dbają o szybkość. Jeśli wskaźniki pokazują, że jesteś szybszy od konkurencji, użytkownicy wybiorą Ciebie. Jeśli jednak pokazują, że jesteś wolniejszy, poczekaj z publikacją do poprawy. Dzięki kreatorowi stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.
Jak radzić sobie ze skokami i anomaliami wydajności?
Zbadaj je od razu. Skok wydajności może wskazywać na: problem z infrastrukturą, skok ruchu, wdrożenie nowego kodu. Znajdź przyczynę. Jeśli problem się utrzymuje, strona wymaga optymalizacji. Jeśli to zdarzenie jednorazowe, nie trzeba nic robić. Trendy na panelu w czasie pokazują problemy trwałe.
Czy ustalać różne cele wydajności dla różnych stron?
Tak. Strona główna jest najważniejsza (napędza ruch, wpływa na SEO). Cel dla strony głównej: LCP poniżej 2 sekund. Strona produktu jest ważna, ale drugorzędna. Cel dla strony produktu: LCP poniżej 2,5 sekundy. Strona administracyjna jest wewnętrzna. Cel dla niej: LCP poniżej 4 sekund. Cele odzwierciedlają znaczenie stron.
Jak zapobiec naciąganiu wskaźników wydajności przez zespół?
Mierz wskaźniki prawdziwych użytkowników, nie tylko testy laboratoryjne. Testy laboratoryjne można zmanipulować (test w szybkiej sieci, na szybkim urządzeniu). Wskaźniki prawdziwych użytkowników (RUM) pokazują rzeczywiste doświadczenie. Ustaw alert, gdy wyniki laboratoryjne i RUM się rozjeżdżają. Zbadaj rozbieżność.
Jak często przeglądać raporty wydajności?
Co tydzień przegląd techniczny. Co miesiąc przegląd dla zarządu. Co kwartał przegląd dla kadry kierowniczej. Cotygodniowy szybko wyłapuje regresy. Miesięczny pokazuje trendy. Kwartalny pokazuje postęp strategiczny. Częściej to lepiej do wyłapywania problemów, rzadziej to lepiej do oceny trendów.
Jak powiązać poprawę wydajności z wynikami biznesu?
Mierz przed i po. Punkt wyjścia: LCP 3 sekundy, konwersja 2 procent. Poprawa: LCP 1,5 sekundy. Nowa konwersja: 2,1 procent. Efekt: poprawa o 0,1 procent przy 100 tysiącach odwiedzających miesięcznie daje 100 dodatkowych konwersji. Przy wartości zamówienia 100 dolarów to 10 tysięcy dolarów miesięcznie. 120 tysięcy dolarów rocznie. Policz wpływ na biznes bezpośrednio.