Data publikacji: 19 marca 2025 r.
T-Mobile to wiodący dostawca usług telekomunikacyjnych w Stanach Zjednoczonych, który oferuje szerokie pokrycie sieci i szybkie połączenie 5G.
Dzięki analizie podstawowych wskaźników internetowych rzeczywistych użytkowników firma T-Mobile odkryła, że ich ulepszenie może znacząco wpłynąć zarówno na wrażenia użytkowników, jak i dane biznesowe.
W ramach ciągłych starań o ulepszanie swojej obecności w internecie firma T-Mobile poprawiła podstawowe wskaźniki internetowe swojej witryny, zwłaszcza wskaźnik Largest Contentful Paint (LCP), aby zwiększyć wygodę użytkowników, a w konsekwencji poprawić kluczowe dane biznesowe.
Zwiększanie świadomości skuteczności witryny na podstawie danych
Zdając sobie sprawę z rosnącej potrzeby zapewnienia użytkownikom wrażeń w internecie, zespoły odpowiedzialne za SEO i produkty w firmie T-Mobile rozpoczęły wspólną inicjatywę mającą na celu poprawę wydajności witryny. Pierwszym krokiem było przedstawienie wskaźników Core Web Vitals jako priorytetu w dyskusjach z osobami zainteresowanymi, aby zostały uznane za najważniejsze – to trudność, z którą zespoły programistów w wielu firmach często się zmagają.
Aby rozwiązać ten problem, firma T-Mobile wdrożyła strategię opartą na danych. Zdając sobie sprawę, że dane z testów z Lighthouse i dane z raportów na temat użytkowania Chrome (CrUX) mogą tylko częściowo opisywać wydajność, firma wdrożyła w swoich usługach internetowych bibliotekę JavaScript web-vitals, aby bezpośrednio rejestrować i analizować dane o wydajności (tzw. dane zgromadzone) od rzeczywistych użytkowników.
Dzięki zintegrowaniu danych podstawowych wskaźników internetowych z danych zgromadzonych na miejscu z pakietem usług analitycznych firma T-Mobile uzyskała dostęp do wielu przydatnych punktów danych, w tym:
- Wpływ na wrażenia użytkowników: użytkownicy T-Mobile.com częściej opuszczają stronę, gdy wczytywanie jej trwa dłużej.
- Wpływ na firmę: współczynniki konwersji T-Mobile.com spadają, gdy strony wczytują się dłużej.
Dane wyraźnie wskazywały na korelację między skutecznością witryny T-Mobile a danymi biznesowymi.
Dzięki oszacowaniu wpływu LCP na przychody w segmentach o długości 100 ms zespół zdołał zwrócić uwagę kierownictwa i zainicjował utworzenie interdyscyplinarnego zespołu zadaniowego, który miał poprawić wydajność witryny. Dzięki przedstawieniu przejrzystych danych i zmierzeniu możliwości zespoły SEO i produktu firmy T-Mobile skutecznie przekazały, jak ważne jest polepszanie podstawowych wskaźników internetowych.
Maksymalizacja skuteczności ulepszeń wydajności witryny
Aby kompleksowo rozwiązać problemy z wydajnością, zespół T-Mobile wdrożył szereg ulepszeń technicznych z myślą o skalowalności. Ich działania skupiały się na optymalizacji kluczowych komponentów i wykorzystywaniu technologii, aby zapewnić trwały wzrost wydajności na platformach cyfrowych.
Wpływ na wrażenia klientów
Działania mające na celu poprawę wydajności witryny spowodowały ogólny spadek największego wyrenderowania treści (LCP) o 42%:
To ulepszenie miało kilka pozytywnych skutków dla użytkowników, m.in.:
Wpływ na firmę
Szybsze wczytywanie stron przyczyniło się też do bardziej wydajnego procesu zakupu, a w tym samym okresie współczynnik konwersji wizyt potencjalnych klientów z zamiarem zakupu wzrósł o 60%.
Najważniejsze ulepszenia wydajności, które pomogły firmie T-Mobile się rozwijać
Poniżej znajdziesz szczegółową listę kluczowych inicjatyw i ich wpływu:
Przyspieszanie i refaktoryzacja interfejsu API
Interfejsy API, w tym interfejsy API dotyczące produktów i promocji, zostały zapisane w pamięci podręcznej i przebudowane, aby skrócić czas odpowiedzi i zmniejszyć obciążenie serwera. Przeniesienie na sieć dystrybucji treści (CDN) w celu optymalizacji buforowania znacznie przyczyniło się do tych ulepszeń.
Przechowywanie w pamięci podręcznej zasobów statycznych
Zasoby statyczne, w tym JavaScript, arkuszy stylów i bibliotek klienta, zostały zapisane w pamięci podręcznej, aby skrócić czas wczytywania. Korzystanie z buforowania CDN i zoptymalizowanych ustawień pamięci podręcznej zwiększyło szybkość dostarczania i zmniejszyło obciążenie serwera. Ta optymalizacja miała kluczowe znaczenie dla poprawy ogólnej wydajności witryny.
Optymalizacja komponentu Obraz
Zespół zoptymalizował komponenty obrazów, zmniejszając ich rozmiary, stosując nowoczesne formaty obrazów, takie jak WebP, i wdrażając obrazy dostosowane do różnych urządzeń, aby zapewnić najlepszą jakość przy najmniejszym rozmiarze pliku.
Wstępne wczytywanie komponentów
Krytyczne zasoby zostały wstępnie załadowane i pobrane, aby były dostępne od razu, gdy zajdzie taka potrzeba. Dzięki temu skrócił się czas oczekiwania użytkowników i zwiększył czas wczytywania stron.
Przedwczesne połączenia z kluczowymi domenami i ulepszone skrypty do zwalczania migotania
Zespół wdrożył wstępne połączenia z podstawowymi domenami, aby wcześniej nawiązać połączenia i zminimalizować opóźnienia w pobieraniu zasobów. Ponadto ulepszono skrypt zapobiegający migotaniu, aby zminimalizować migotanie treści i zapewnić płynniejsze działanie.
migracja platformy Adobe Experience Manager (AEM)
Zespół przeszedł na nowszą wersję platformy interfejsu, która zapewniała większą wydajność i ulepszone możliwości infrastruktury.
Przenoszenie komponentów Angular na komponenty fabryczne AEM
Komponenty Angulara zostały przeniesione do komponentów fabrycznych Adobe Experience Manager (AEM), aby usprawnić architekturę oraz poprawić wydajność i możliwość konserwacji.
Główne optymalizacje stron docelowych
Poprawki obejmowały optymalizację karuzelów zdjęć za pomocą Adobe webSDK, wydłużenie czasu przechowywania w pamięci podręcznej dla dynamicznych multimediów, kompresowanie danych i aktualizację projektów zdjęć w celu skrócenia czasu wczytywania i poprawy wrażeń użytkowników.
Zmniejszenie liczby błędów w interfejsach API
Zespół zmniejszył liczbę błędów na kilku kluczowych stronach e-commerce, zapewniając bardziej niezawodne dostarczanie danych i poprawiając interakcje z użytkownikami.
Promowanie kultury związanej z wydajnością stron internetowych przez demokratyzację danych
Aby zapewnić sobie najwyższą wydajność witryny, firma T-Mobile wdrożyła w swojej organizacji kilka kluczowych wskaźników. Te inicjatywy mają na celu ułatwienie dostępu do danych o wydajności, edukację i zaangażowanie zespołu, aktywne monitorowanie podstawowych wskaźników internetowych oraz egzekwowanie standardów wydajności dla wszystkich wersji kodu. Strategia ta opisuje, jak firma dba o jakość działania witryny, udostępniając dane, promując ciągłe uczenie się i wdrażając solidne procedury zarządzania.
Demokratyzacja danych Core Web Vitals
Firma T-Mobile korzystała z solidnych paneli Looker Studio, aby udostępnić dane o skuteczności wszystkim członkom organizacji. Dodatkowo obszerna wiki dotycząca wydajności stron internetowych zawiera wskazówki dla członków zespołu, które ułatwiają interpretowanie i skuteczne wykorzystywanie raportów Core Web Vitals.
Panel narzędzi Looker Studio firmy T-Mobile z podstawowymi wskaźnikami internetowymi w czasie rzeczywistym. Od lewej do prawej:
- Prędkościomierz: 75. percentyl wszystkich zdarzeń LCP zarejestrowanych w wybranym zakresie dat.
- Wykres liniowy: dzienny trend wyników 75 percentyla w wybranym zakresie dat.
- Wykres kołowy: odsetek ocen Dobra, Wymagana poprawa i Słaba w wybranym zakresie dat.
- Wykres liniowy skumulowany: dzienny trend procentowego rozkładu ocen Dobra jakość, Wymagana poprawa i Słaba jakość w wybranym zakresie dat.
Ciągłe kształcenie i zaangażowanie
Menedżer ds. produktów i SEO regularnie prowadzi pokazy ulepszonej wydajności witryny oraz sesje przekazywania wiedzy. Te inicjatywy służą edukacji i zaangażowaniu szerszego zespołu, co sprzyja ciągłemu dążeniu do doskonałości w zakresie wydajności stron internetowych.
System alertów dla Core Web Vitals
Wprowadziliśmy system alertów, który monitoruje podstawowe wskaźniki internetowe w różnych grupach stron. Gdy podstawowe wskaźniki internetowe osiągną określony próg podstawowy, odpowiednim zainteresowanym osobom zostanie automatycznie wysłany e-mail z ostrzeżeniem.
Wymagania dotyczące skuteczności w przypadku wersji kodu
T-Mobile określił też wymagania dotyczące wydajności w przypadku wersji kodu. Zanim strony zostaną opublikowane, muszą osiągnąć określone poziomy wydajności w Lighthouse, co gwarantuje utrzymanie wysokich standardów wydajności witryny.
Dzięki wdrożeniu tych środków T-Mobile może zapewnić, że wydajność witryny pozostanie priorytetem, i nadal promować kulturę ciągłego doskonalenia.
Podziękowania
Dziękujemy osobom, które pracowały nad wydajnością witryny T-Mobile i tym przypadkiem: Kevin Lau, Monique Misrahi, Bill Dinger, Laura Mathisen, Suresh Gundu, Duke Fong, Amir Mohammadi, Liang Yeh, Jennifer Panke, Julia Edgar, Ejaz Malik, Damon Jochum, Will Fraley, Gene McKenna, Vinayak Hegde i Warren McNeel.
Ten przykładowy przypadek został opracowany we współpracy z firmą T-Mobile i jej partnerami ds. rozwiązań dla klientów w Google, Ilya Motamedi, Dakota Deady i Christine Zanedis, których opinie i wsparcie przyczyniły się do sukcesu tej inicjatywy.