Dlaczego szybkość strony jest krytyczna? Jak przetestować i ulepszyć swoje

Dlaczego szybkość strony jest krytyczna?

Większość witryn traci około połowy odwiedzających z powodu niskiej szybkości strony. W rzeczywistości przeciętna strona internetowa na komputery stacjonarne współczynnik odrzuceń wynosi 42%średni współczynnik odrzuceń strony mobilnej wynosi 58%, a średni współczynnik odrzuceń strony docelowej po kliknięciu wynosi od 60 do 90%. W żadnym wypadku liczby nie są pochlebne, zwłaszcza biorąc pod uwagę, że korzystanie z telefonów komórkowych stale rośnie i coraz trudniej jest przyciągnąć i utrzymać uwagę konsumentów.

Według Google średni czas ładowania strony dla najlepsze strony docelowenadal jest powolne 12.8 sekundy. Obejmuje to miejsca, w których powszechny jest mobilny dostęp do internetu, a prędkości 4G należą do najwyższych na świecie. 

Ta średnia szybkość strony jest o wiele za długa, biorąc pod uwagę, że 53% użytkowników opuszcza strony już po 3 sekundach - a stamtąd jest tylko gorzej:

Szybkość strony i współczynniki odrzuceń

Jaka jest zatem dobra szybkość ładowania strony? Niemal natychmiast

Na szczęście jest rozwiązanie. Zanim jednak do tego przejdziemy, dowiedzmy się więcej o znaczeniu szybkości strony.

Dlaczego szybkość strony ma znaczenie

eMarketer pokazuje, że w 2019 roku globalne wydatki na reklamy cyfrowe przekroczą 316 USD miliard i wygląda na to, że wzrośnie tylko w przewidywalnej przyszłości:

Wydatki na reklamy cyfrowe w latach 2017-2022

Najwyraźniej marki wydają ogromne kwoty na reklamy i oczekują maksymalnego wykorzystania swojego budżetu. Ale kiedy ludzie klikają reklamę - i strona docelowa po kliknięciu nie ładuje się natychmiast - prawdopodobnie klikną ponownie w ciągu kilku sekund, w wyniku czego budżet reklamodawców jest marnowany.

Skutki kosztowe szybkości strony są ogromne i zdecydowanie powinieneś uczynić szybkość strony priorytetem. Oto kilka wskaźników i punktów, które należy wziąć pod uwagę podczas oceny własnych cyfrowych kampanii reklamowych:

Wyniki jakości

Powolne ładowanie stron nie tylko irytuje użytkowników, ale także powoduje pogorszenie Wyników Jakości. Ponieważ Wynik Jakości jest bezpośrednio powiązany z Twoim ranking reklamyI ostatecznie to, ile możesz zapłacić za każde kliknięcie, wolno ładująca się strona w naturalny sposób obniża wyniki.

współczynniki konwersji

Jeśli mniej osób czeka na załadowanie strony, mniej osób ma szansę na konwersję. Porzucają Twoją stronę, zanim jeszcze zobaczą Twoją ofertę, korzyści, wezwanie do działania itp.

Na przykład w handlu detalicznym nawet plik jednosekundowe opóźnienie w czasie ładowania na urządzeniach mobilnych może wpływać na współczynniki konwersji nawet o 20%.

Mobilne doświadczenie

W połowie 2016 r. Korzystanie z internetu mobilnego liczba przepuszczonych komputerów stacjonarnych:

Urządzenia mobilne przewyższają wykres liczby wyświetleń komputerów

Z wydatkami konsumentów więcej czasu na urządzeniach mobilnychmarketerzy i reklamodawcy byli (i nadal są) zmuszeni do dostosowania się. Jeden sposób na dostarczenie kampanie zoptymalizowane pod kątem urządzeń mobilnych polega na tworzeniu szybko ładujących się stron.

To prowadzi nas do rozwiązania nr 1 pod względem szybkości stron, które rozwiązuje każdy z tych problemów.

Strony docelowe AMP zwiększają szybkość strony

AMP, plik framework open source wprowadzona w 2016 roku, umożliwia reklamodawcom tworzenie błyskawicznych, płynnie ładujących się mobilnych stron internetowych, które przede wszystkim stawiają wygodę użytkownika. 

Strony AMP są atrakcyjne dla reklamodawców, ponieważ zapewniają niemal natychmiastowe czasy wczytywania, a jednocześnie oferują pewne możliwości dostosowywania stylu i marki. Pozwalają na szybsze renderowanie strony docelowej po kliknięciu, ponieważ ograniczają HTML / CSS i JavaScript. Ponadto, w przeciwieństwie do tradycyjnych stron mobilnych, strony AMP są automatycznie zapisywane w pamięci podręcznej Google AMP Cache, aby przyspieszyć ładowanie w wyszukiwarce Google.

Jako lider w optymalizacji po kliknięciu, Instapage oferuje możliwość tworzenia stron docelowych po kliknięciu przy użyciu frameworka AMP:

Przyspieszone strony mobilne (AMP)

Kreator Instapage AMPmarketerzy i reklamodawcy mogą:

  • Twórz strony docelowe AMP po kliknięciu bezpośrednio z platformy Instapage, bez programisty
  • Weryfikuj, testuj A / B i publikuj strony AMP w WordPress lub domenie niestandardowej
  • Zapewnij lepszą obsługę mobilną, popraw Wyniki Jakości i zwiększ liczbę konwersji

Przyspieszona weryfikacja strony mobilnej AMP

Przyspieszona weryfikacja strony mobilnej (AMP)

Rewolucyjna firma zajmująca się aparatami słuchowymi Eargo osiągnęła niesamowite rezultaty od czasu wdrożenia AMP w swoim systemie obsługi po kliknięciu:

Strony docelowe AMP według Instapage

Strony docelowe AMP z aplikacją Instapage

Oprócz tworzenia stron AMP za pomocą Instapage istnieje kilka innych sposobów na zwiększenie szybkości strony. Oto trzy z nich, od których możesz zacząć.

3 Inne sposoby na zwiększenie szybkości strony

1. Wykorzystaj narzędzia szybkości strony

PageSpeed ​​Insights to test szybkości Google, który ocenia Twoją stronę od 0 do 100 punktów:

Pagespeed Insights

Punktacja oparta jest na dwóch parametrach:

  1. Czas do wczytania strony w części strony widocznej na ekranie (całkowity czas wyświetlania treści w części strony widocznej na ekranie po zażądaniu nowej strony przez użytkownika)
  2. Czas do pełnego załadowania strony (czas potrzebny przeglądarce na pełne wyrenderowanie strony po zażądaniu jej przez użytkownika)

Im wyższy wynik, tym bardziej zoptymalizowana jest Twoja strona. Z reguły wszystko powyżej 85 wskazuje, że Twoja strona działa dobrze. Poniżej 85 i powinieneś spojrzeć na sugestie dostarczone przez Google, aby podnieść swój wynik.

PageSpeed ​​Insights udostępnia raporty zarówno dla komputerowych, jak i mobilnych wersji Twojej strony, a także oferuje zalecenia dotyczące ulepszeń.

Think with Google: test My Site, uruchomiony przez zespół PageSpeed ​​Insights, testuje tylko szybkości stron mobilnych, a nie zarówno w przypadku urządzeń mobilnych, jak i komputerów. To kolejny wskaźnik tego, jak szybko (lub wolno) ładują się Twoje strony:

pomyśl z Google, przetestuj moją witrynę

To narzędzie wyświetla czas wczytywania, zapewnia niestandardowe zalecenia dotyczące przyspieszenia każdej strony w witrynie, a następnie oferuje opcję wygenerowania pełnego raportu.

2. W pełni zoptymalizowane obrazy (kompresja)

Optymalizacja obrazów z kompresją, zmianą rozmiaru, ponownym formatowaniem itp. Może pomóc zaoszczędzić bajty, przyspieszyć ładowanie strony i poprawić wydajność witryny mobilnej. Pośród inne najlepsze rekomendacje, Google mówi, aby usuwać niepotrzebne obrazy o wysokiej rozdzielczości i GIF-y oraz zastępować obrazy tekstem lub CSS, gdy tylko jest to możliwe. 

Co więcej, teraz jest teraz łatwiej niż kiedykolwiek serwować obrazy skompresowane i o zmienionym rozmiarze, ponieważ te ustawienia można zautomatyzować. Na przykład możesz mieć setki obrazów automatycznie zmienianych i kompresowanych za pomocą skryptu, co ogranicza pracę ręczną (podczas tworzenia stron AMP niestandardowe tagi graficzne powodują, że wiele z tych samych optymalizacji jest automatycznych).

Wybór optymalnego formatu obrazu może być trudny przy tak wielu dostępnych opcjach. Wszystko zależy od przypadku użycia, ale oto niektóre z najczęstszych:

  • WebP: Fotograficzne i przezroczyste obrazy
  • JPEG: Zdjęcia bez przezroczystości
  • PNG: Przezroczyste tła
  • SVG: Skalowalne ikony i kształty

Google zaleca rozpoczęcie od WebP, ponieważ umożliwia on o 30% większą kompresję niż JPEG, bez utraty jakości obrazu.

3. Nadaj priorytet zawartości widocznej na ekranie

Poprawa postrzegania szybkości witryny przez użytkownika jest prawie tak samo ważna, jak sama poprawa szybkości witryny. Dlatego po zoptymalizowaniu obrazów musisz upewnić się, że są dostarczane we właściwym momencie.

Weź pod uwagę: na urządzeniu mobilnym widoczna część witryny jest ograniczona do małego obszaru, nad fałdą. Dzięki temu masz możliwość szybkiego załadowania treści w tym obszarze, podczas gdy pozostałe elementy poniżej zakładki pobierają w tle.

Uwaga: unikalność AMP polega na tym, że ma wbudowane priorytety wczytywania zasobów, dzięki czemu tylko najważniejsze zasoby są pobierane jako pierwsze.

Zmniejszenie liczby obrazów w witrynie - szczególnie w przypadku marek detalicznych, na przykład z wieloma produktami - może być wyzwaniem, ale te trzy taktyki nadal mają kluczowe znaczenie, aby przynajmniej zminimalizować wpływ obrazów na czas ładowania. 

Zwiększ prędkość swojej strony dzięki AMP

Jeśli Twoje strony mobilne cierpią z powodu wysokich współczynników odrzuceń i niskich współczynników konwersji ze względu na powolne ładowanie stron, strony AMP mogą pomóc Ci zaoszczędzić.

Zacznij tworzyć strony AMP po kliknięciu, aby zapewnić swoim odwiedzającym szybkie, zoptymalizowane i odpowiednie doświadczenia związane z przeglądaniem na urządzeniach mobilnych, a także poprawiać wyniki jakości i konwersje.

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.