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 w przypadku 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 razu wdrożenie skutecznych rozwiązań po wprowadzeniu zmian, które przyniosą znaczące rezultaty, po wdrożenie 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. Ważnym kryterium dla menedżerów produktów jest wydajność, która określa jakość i sukces nowych funkcji produktu. Doskonałość produktu i praca nad interesującymi wyzwaniami również zwiększają zadowolenie programistów.

Podstawowe wskaźniki internetowe jako sygnał rankingowy stanowią dodatkową motywację do poświęcania czasu na poprawę wydajności, ale poza rankingiem wdrażanie tych wskaźników przynosi wiele innych korzyści krótko- i długoterminowych. 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.
  • Ogranicz renderowanie blokującego kodu JavaScript.
  • 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 sprzyja ustalaniu priorytetów określania stawek przez kod w nagłówku i opóźnia wczytywanie niekrytycznych plików JS.

Najważniejsze wnioski

Wpływ na współczynnik wypełnienia może być negatywny, ale w długim okresie przychody mogą wzrosnąć dzięki poprawie widoczności reklam.

Tokopedia

Tokopedia poprawiła LCP o 55% i odnotowała wzrost średniego czasu trwania sesji 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 śledzić 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 dotyczące podstawowych wskaźników internetowych przyczyniły się do wzrostu współczynnika konwersji na urządzeniach mobilnych (mCVR) o 80–100% oraz do znacznego wzrostu pozycji domeny w usługach 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 rzeczywistych warunkach pomogło uzyskać dane 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ą.

Studia przypadków przedstawione powyżej 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 wzrost LCP i wzrost współczynnika konwersji na urządzeniach mobilnych o 16,9%, a firma GYAO – 3,1-krotny wzrost 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 niekrytycznych plików 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)

Narzędzia RUM innych firm

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

Wybierz narzędzie, które najbardziej Ci odpowiada. Możesz też zintegrować się z Google Analytics 4, aby powiązać podstawowe wskaźniki internetowe z 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 wdrożenie przebiegło pomyślnie, 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ł o najnowsze informacje ze studium przypadku. Jeśli masz ciekawy przykład korzyści dla firmy i chcesz, aby został on uwzględniony w tym artykule, prześlij propozycję treści.