Wpływ podstawowych wskaźników internetowych na firmę

Z tego artykułu dowiesz się, jak podstawowe wskaźniki internetowe korelują z kluczowymi danymi biznesowymi. Poznasz przykłady firm, które już zauważyły pozytywny wpływ na użytkowników i swoją działalność.

Saurabh Rajpal
Saurabh Rajpal
Swetha Gopalakrishnan
Swetha Gopalakrishnan

LCP, FID, CLS

Czy trudno Ci przekonać zainteresowane strony do wdrożenia podstawowych wskaźników internetowych? A może zastanawiasz się, czy rzeczywiście pomaga Twojej firmie? Z tego artykułu dowiesz się, jak podstawowe wskaźniki internetowe korelują z kluczowymi danymi biznesowymi. Poznasz przykłady firm, które już zauważyły pozytywny wpływ na użytkowników i swoją działalność.

Jeśli wolisz filmy, obejrzyj tę prezentację z Google I/O:

Dlaczego podstawowe wskaźniki internetowe są ważne dla użytkowników i firm

Różne zainteresowane osoby w organizacji mogą mieć różne priorytety. Podstawowe wskaźniki internetowe mogą je wszystkie uwzględnić, skupiając się na optymalizacji danych dotyczących użytkowników i wynikającym z tego wzroście firmy.

Zastanów się nad podstawowymi wskaźnikami internetowymi.

Droga do uzyskania dobrych wyników Podstawowych wskaźników internetowych może się różnić w zależności od tego, na jakim etapie ulepszania wydajności znajduje się witryna i jak skomplikowany jest jej projekt. Może to być od prostego rozwiązania, które przynosi znaczące rezultaty, po wdrażanie złożonych rozwiązań rozwiązujących trudne problemy. Bez względu na poświęcony czas decydenci powinni traktować to jako długoterminową inwestycję w rozwój firmy. Szybka i płynna nawigacja sprawia przyjemność użytkownikom i pomaga w zachęcaniu ich do ponownego korzystania z usługi. Dla menedżerów produktowych wydajność powinna być ważnym kryterium określającym jakość i sukces nowych funkcji produktu. Doskonałość produktu i praca nad interesującymi wyzwaniami również zwiększają zadowolenie programistów.

Chociaż podstawowe wskaźniki internetowe jako sygnał rankingowy stanowią dodatkową motywację do poświęcania czasu na poprawę wydajności, wdrażanie ich przynosi wiele innych korzyści krótko- i długoterminowych, które wykraczają poza pozycjonowanie. Przyjrzyjmy się kilku przykładom marek globalnych i lokalnych, które wprowadziły podstawowe wskaźniki internetowe (przed tym, jak zaczęły one wpływać na ranking), ponieważ kładą nacisk na wrażenia użytkowników.

Studia przypadków

Vodafone

Vodafone (Włochy) poprawił wartość LCP31%, co pozwoliło mu osiągnąć 8% większe przychody.

O 8% większa sprzedaż

Metody

  • Renderowanie kodu HTML po stronie serwera.
  • Zmniejsz liczbę elementów kodu JavaScript blokujących renderowanie.
  • Techniki optymalizacji obrazów.
  • Zmień rozmiar obrazu powitalnego; odłóż zasoby niekrytyczne.

Najważniejsze wnioski

  • Testy A/B to najlepszy sposób na pomiar istotnego wpływu.
  • Test A/B powinien być testem po stronie serwera.

iCook

Firma iCook poprawiła wskaźnik CLS o 15%, aby zwiększyć przychody z reklam o 10%.

Wykres przedstawiający wzrost przychodów z reklam.

Metody

  • Mniej zmienności w rozmiarze jednostek reklamowych i boksów reklamowych o stałym rozmiarze wstępnie przypisanych w interfejsie.
  • Zoptymalizowana logika ładowania skryptu reklamy, która nadaje priorytet określaniu stawek przez kod w nagłówku i opóźnia wczytywanie niekrytycznego kodu JS.

Najważniejsze wnioski

Wpływ na współczynnik wypełnienia, ale w długim okresie wzrost przychodów dzięki poprawie widoczności reklam.

Tokopedia

Tokopedia poprawiła LCP o 55% i osiągnęła średni czas trwania sesji krótszy o 23%.

Przed 3,78 s, po 1,72 s.

Metody

  • Element LCP renderowany po stronie serwera (SSR).
  • Wstępne wczytywanie elementu LCP.
  • optymalizacja obrazów (kompresja, WebP, leniwy ładunek nieistotnych obrazów);

Najważniejsze wnioski

  • Utworzyliśmy panel monitorowania wydajności, aby sprawdzać postępy i wpływ na poszczególne zespoły.
  • Eksperymentowanie z różnymi technikami renderowania (np. element LCP SSR w porównaniu z treścią SSR powyżej pola widzenia lub pełne renderowanie po stronie klienta).

Redbus

Poprawki w podstawowych wskaźnikach internetowych przyczyniły się do wzrostu współczynnika konwersji na urządzeniach mobilnych (mCVR) o 80–100% oraz do znacznego zwiększenia rankingu domen w usługach na rynkach globalnych Redbusa.

Wzrost pozycji domeny w Kolumbii o 192%

Metody

Najważniejsze wnioski

  • W przypadku redBus zmniejszenie CLS z 1,65 do 0 znacznie poprawiło pozycję domeny w rankingu na całym świecie.
  • Skrócenie czasu TTI z około 8 s do około 4 s i czasu TBT z około 1200 ms do około 700 ms przyczyniło się do wzrostu mCVR o 80–100% w przypadku usług globalnych.
  • Użycie narzędzi do pomiaru wydajności w czasie rzeczywistym pomogło w uzyskaniu danych o wydajności w rzeczywistych warunkach na rynkach niższych poziomów.
  • Aby uniknąć regresji, bardzo ważne jest przyjęcie kultury osiągania wyników. Zwiększa to też produktywność zespołu dzięki zoptymalizowanemu kodowi, szybszym wersjom i mniejszej liczbie problemów z produkcją.

Opisane powyżej studia przypadków pokazują, że możesz osiągnąć wiele dzięki stosowaniu sprawdzonych metod i wdrażaniu szybkich rozwiązań. Oto kilka praktycznych przykładów.

Firma Netzwelt odnotowała wzrost przychodów z reklam o 18%, firma Lazada – 3-krotny spadek LCP i wzrost współczynnika konwersji na urządzeniach mobilnych o 16,9%, a firma GYAO – 3,1-krotny spadek LCP i wzrost współczynnika klikalności o 108%.

Wyniki te zostały osiągnięte dzięki wykorzystaniu łatwych możliwości, takich jak:

Optymalizacja obrazu Optymalizacja kodu JavaScript Reklamy i zawartość dynamiczna
Korzystanie z formatu obrazu WebP Odkładanie kodu JS innych firm Rezerwowanie miejsca na reklamy powyżej linii zagięcia
Korzystanie z CDN obrazów Usuwanie kodu JS blokującego renderowanie i nieużywanego Ustawianie wysokości dla zawartości dynamicznej
Kompresja Leniwe ładowanie niekrytycznego kodu JS
Opóźnianie przesyłania nieistotnych obrazów Wstępne ładowanie newralgicznego kodu JS
Wstępne wczytywanie obrazów powitalnych
Określanie formatu obrazu

Aby dowiedzieć się więcej o sprawdzonych metodach, zapoznaj się ze wskazówkami dotyczącymi wskaźników Web Vitals. Użyj narzędzia PageSpeed Insights, aby przeprowadzić audyt swojej witryny i natychmiast uzyskać praktyczne rekomendacje.

Jest też kilka innych globalnych marek, które również skorzystały na inwestycjach w podstawowe wskaźniki internetowe.

Jak zacząć?

Krok 1. Rozpocznij pomiar

Zacznij od pomiaru danych z pól witryny za pomocą narzędzi do monitorowania prawdziwych użytkowników (RUM). Dostępne są już różne narzędzia RUM od Google i firm zewnętrznych.

Narzędzia RUM

Narzędzia Google RUM

  • Search Console
  • PageSpeed Insights
  • Biblioteka JavaScript web-vitals
  • Raport na temat użytkowania Chrome (CrUX)

Zewnętrzne narzędzia RUM

  • Cloudflare
  • New Relic
  • Akamai
  • Calibre
  • Blue Triangle
  • Sentry
  • SpeedCurve
  • Raygun

Wybierz narzędzie, które najbardziej Ci odpowiada. Możesz też pójść o krok dalej i zintegrować się z Google Analytics 4, aby powiązać podstawowe wskaźniki internetowe ze swoimi danymi biznesowymi.

Krok 2. Przekonaj zainteresowane strony

  • Poinformuj zainteresowane strony o tym, jak ważne jest stosowanie podstawowych wskaźników internetowych w celu poprawy wrażeń użytkowników i ich korelacji z danymi biznesowymi firmy.
  • Aby rozpocząć mały eksperyment, znajdź sponsora wewnątrz firmy.
  • Utwórz wspólny cel dla wszystkich zainteresowanych stron, aby poprawić podstawowe wskaźniki internetowe we wszystkich zespołach.

Krok 3. Aby skutecznie wdrożyć kampanię, skorzystaj z tych wskazówek

  • Określ priorytety: wybierz stronę o dużej liczbie wizyt lub o wysokiej skuteczności konwersji, aby uzyskać wiarygodne wyniki (np. stronę docelową reklam, stronę konwersji lub popularne strony).
  • Test A/B: testowanie po stronie serwera pozwala uniknąć kosztów renderowania. Porównaj wyniki wersji zoptymalizowanej i niezoptymalizowanej.
  • Monitorowanie: korzystaj z ciągłego monitorowania, aby zapobiegać regresjom.

Na koniec chcemy podkreślić, że skuteczność to proces, a nie cel. Planujemy aktualizować ten artykuł, aby zawierał najnowsze informacje o studium przypadku. Jeśli masz ciekawy przykład sukcesu biznesowego i chcesz, aby został uwzględniony w tym artykule, prześlij propozycję treści.