Pierwszego wrażenia marka wcale nie robi atrakcyjną wizualnie mobilną stroną główną, lecz… czasem jej ładowania. Podczas badania Google oraz Civic Research aż 54% użytkowników twierdziło, że im wolniejsza strona, tym większa jest ich frustracja. Znaczenie mają milisekundy, które decydują o tym, czy porzucimy stronę, zanim zdąży się załadować.

Mobilna galeria sław

Google postanowiło zbadać wiodące witryny mobilne 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 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.

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.

Co zrobić, aby strony mobilne działały szybciej?

Google zwraca uwagę, aby sprawdzić, czy nasza witryna spełnia kryteria jakości Podstawowych Wskaźników Internetowych na stronie https://web.dev/vitals/ i ilu odwiedzających nie ma jeszcze wystarczająco dobrych doświadczeń użytkownika.

Warto także optymalizować i mierzyć wydajność swojej sieci w sposób ciągły. Można zbudować zespół, który będzie monitorować Podstawowe Wskaźniki Internetowe i dbać o to, aby strona była na bieżąco pod te wskaźniki optymalizowana. Podczas optymalizacji należy zwrócić szczególną uwagę na czas ładowania najważniejszych elementów witryny, interaktywność elementów klikalnych oraz stabilność wizualną strony. Warto zoptymalizować kod JavaScript, który potrafi bardzo obciążyć mobilną przeglądarkę.