Najszybsze mobilne strony internetowe. Kto w czołówce?

Przeczytaj także: Firmowa strona internetowa do przebudowy

Wydawać by się mogło, że dla atrakcyjności stron internetowych kluczowe znaczenie może mieć ich oprawa graficzna. I wprawdzie bez wątpienia jest ona ważna, to jednak dla użytkowników o wiele bardziej liczy się szybkość ich ładowania. Co więcej, nie chodzi tu o sekundy, ale wręcz ich tysięczne części. Podczas badania Google oraz Civic Research aż 54% użytkowników twierdziło, że im wolniejsza strona, tym większa jest ich frustracja.

Mobilna galeria sław

Google postanowiło zbadać wiodące mobilne strony internetowe w branży e-commerce oraz finansowej. Wyniki rankingu najszybszych stron w tych kategoriach, opracowane przez Google we współpracy z IAB Europe i MMA Europe, wskazują serwisy z najlepszymi wynikami Core Web Vitals, czyli które zarówno błyskawicznie się ładują, jak i szybko reagują na akcje użytkownika oraz zapewniają mu optymalne doświadczenie. W galerii mobilnych sław w kategorii e-commerce znalazły się Allegro, Ceneo czy Apart, zaś w branży finansowej m.in. Bank Spółdzielczy Brodnica, Credit Agricole lub Ergo Hestia.

Nie tylko prędkość

Szybkość witryny mobilnej jest również powiązana z jej użytecznością. Dlatego Google wprowadziło w 2020 roku trzy nowe metryki, które oceniają szybkość ładowania oraz działania witryny mobilnej pod kątem optymalnego doświadczenia użytkownika. Do zbudowanie powyższego zestawienia posłużyły tzw. Podstawowe Wskaźniki Internetowe (ang. Core Web Vitals), które obejmują:

• LCP (Largest Contentful Paint), mierząca czas do pojawienia się największego widocznego elementu
  LCP wskazuje czas, w jakim ładuje się największy obiekt na stronie (np. zdjęcie produktu). Witryna ma dobre LCP, jeśli ładowanie takiego elementu nie zajmuje więcej niż 2,5 sekundy.
• FID (First Input Delay), mierząca czas reakcji witryny na akcje użytkownika
  FID określa jak szybko elementy, takie jak linki lub przyciski, reagują na akcje użytkownika, takie jak np. dotknięcie ich palcem. Determinuje więc czas, po jakim użytkownik jest w stanie rozpocząć sensowne korzystanie ze strony. Jeśli FID wyniesie poniżej 100 ms, możemy stwierdzić, że strona jest zoptymalizowana w tym zakresie.
• CLS (Cumulative Layout Shift), mierząca stabilność wizualną elementów strony
  CLS informuje nas o tym, jak duże są przesunięcia elementów podczas podczas ładowania się strony. Określa więc jak bardzo może zmienić się wygląd strony i pomaga wyeliminować sytuacje, w których np. przyciski zmieniają pozycję w momencie, gdy chcemy je dotknąć palcem. Jeśli CLS nie jest wyższe niż 0,1 strona jest poprawnie skonstruowana.

Jedynie 27% polskich witryn internetowych osiąga dobre wyniki w zakresie Podstawowych Wskaźników Internetowych. Chociaż stawia to polskie strony internetowe w lepszej pozycji niż konkurentów z USA czy Francji, nadal jednak wynik ten można poprawić, gdyż ponad dwie trzecie witryn mobilnych wymaga optymalizacji pod kątem łatwości obsługi.

Z danych zebranych dla polskiego rynku wynika, że aż dwa Podstawowe Wskaźniki Internetowe wymagają poprawy. Są to LCP (czas do pojawienia się największego widocznego elementu) oraz CLS (stabilność wizualną elementów strony w trakcie ładowania). Jeżeli musimy długo czekać, aż załaduje się zdjęcie produktu, albo w trakcie zakupu ucieknie nam spod palca przycisk “Złóż zamówienie” i zamiast niego usuniemy sobie produkt z koszyka, wzrasta niestety szansa na to, że klient porzuci całkowicie proces zakupu i skorzysta z oferty konkurencyjnej firmy ‒ komentuje polskie zestawienie Piotr Kowalski, Senior Analytical Consultant, ekspert Google w zakresie rozwiązań mobilnych dla biznesu.

Warto także wspomnieć, że od maja 2021 roku powyższe metryki będą również uwzględniane w kalkulacji rankingu przez algorytm wyszukiwarki Google ‒ przypomina Piotr Kowalski.

Czy więc czas to pieniądz?

Okazuje się jednak, że fakt, iż strona ładuje się szybko to współcześnie jednak wciąż za mało. Równie ważne jest doświadczenie użytkownika z korzystania ze strony. 70% klientów stron mobilnych rezygnuje z zakupu, jeśli wydaje się to dla nich zbyt trudne lub denerwujące. Ponadto, jeżeli chodzi o postrzeganie marki, doświadczenie użytkownika ma takie samo znaczenie jak przedstawiona na stronie oferta. 83% osób, które robi zakupu przy pomocy smartfona, przywiązuje taką samą wagę do doświadczenia na stronie internetowej, jak do produktów lub usług firmy. Ekran smartfona jest mniej więcej 6 razy mniejszy niż przeciętny monitor komputera, dlatego niezwykle istotne jest dobre zaprojektowanie serwisu mobilnego w taki sposób, aby zapewnić jak najlepszą użyteczność podczas jego przeglądania na małym ekranie smartfona. Odpowiednia prezentacja zdjęć produktu, jego opisu czy też formularzy pozwala na przekonanie klienta do zakupu oraz na uniknięcie błędów przy podawaniu np. adresu dostawy.

Fakt znalezienia się w tym zestawieniu daje nam wielką satysfakcję i jest potwierdzeniem słuszności wysiłków, które wkładamy w to, aby doświadczenia internautów korzystających z Ceneo.pl były jak najlepsze. To efekt pracy nad wieloma technicznymi i biznesowymi metrykami witryny, między innymi Core Web Vitals, których optymalizacja pozwala nam podnosić zadowolenie naszych użytkowników ‒ mówi Paweł Kowalski, dyrektor IT w Ceneo.pl.

Praca nad szybkością stron Allegro to nieustanny proces. Każdego dnia staramy się znaleźć nowe sposoby na poprawienie doświadczeń naszych użytkowników, szczególnie tych odwiedzających nas na urządzeniach mobilnych. Dla osiągnięcia dobrej wydajności strony monitorujemy wiele miar. Chcemy mieć pewność, że strona ładuje się szybko a interfejs reaguje płynnie na działania użytkownika ‒ mówi Tomasz Gospodarczyk, lider zespołu Webperf w Allegro. ‒ Z grupy entuzjastów rozrzuconych po różnych zespołach powstał zespół odpowiedzialny za monitorowanie, optymalizowanie oraz szkolenie developerów i ludzi biznesu. Dbanie o wydajność stało się allegrową codziennością i powstało to, do czego dążyliśmy od samego początku - kultura web performance. Nasze wyniki są tak naprawdę sukcesem wszystkich naszych inżynierów.

Metodologia badania Mobile Hall of Fame:
Na podstawie danych SimilarWeb (grudzień 2020 r., Mobile Web Traffic) zidentyfikowano 50 najczęściej odwiedzanych witryn mobilnych w wybranych branżach (e-commerce i finanse) w Polsce. Bazując na danych Chrome User Experience Report (CrUX) (grudzień 2020 r.) dla Polski, strony te zostały ocenione (przy korzystaniu z połączenia internetowego 3G/ 4G). CrUX mapuje anonimowe i zagregowane doświadczenia użytkowników Chrome w popularnych domenach. Badanie The Core Web Vitals Hall of Fame wykorzystuje trzy zorientowane na doświadczenie użytkownika metryki: LCP (czas do pojawienia się największego widocznego elementu, FID (czas reakcji witryny na akcje użytkownika) oraz CLS (mierząca stabilność wizualną elementów strony). Witryny, które osiągają dobre wyniki we wszystkich trzech wskaźnikach, w 75 percentyla mierzonego czasu, są wymieniane w zestawieniu Mobile Hall of Fame.
Strony internetowe są uporządkowane na grafikach alfabetycznie. Należy zauważyć, że porównania z innymi zestawami danych, metrykami lub narzędziami, takimi jak Lighthouse lub TestMySite, prowadzą do różnych wyników ze względu na różne środowiska testowe, okresy lub konfiguracje testów.