Kiedy prędkość witryny zaczyna wpływać na konwersje?

1. Ponadto: Google zaczął korzystać z indeksowania Mobile First
2. 1 Jak szybko są normalnie witryny?
3. Według Pingdom:
4. 2 Dowiedz się, jaka jest naprawdę wysoka prędkość witryny
5. 1. Google Analytics
6. 2. Sprawdź swoją witrynę w Pingdom na przykład
7. 3. Wykonaj WebPagetest
8. 3 Jak zoptymalizować dla lepszej prędkości witryny
9. 1. Wybierz nisko wiszące owoce przez Narzędzia do testowania prędkości Google zalecenia.
10. 2. Dostosuj swoją zawartość mobilną: skup się i zmniejszaj!
11. 3. Ładowanie treści podczas przewijania (Leniwe ładowanie)
12. 4. Używaj sieci CDN (sieci dostarczania treści)
13. 5. Rozważ użycie AMP (Accelerated Mobile Pages)
14. 4 Ustaw budżet wydajności dla ciągłej optymalizacji
15. streszczenie

Większość ludzi już wie, że szybkość witryny wpływa na ich konwersję, ale większość z nich nie obchodzi, ponieważ jest to obszar mniej seksowny, często związany z infrastrukturą IT i konserwacją. Jeśli jednak CHCESZ dziś poprawić szybkość witryny, nie możesz już dłużej ignorować tych obszarów. W tym poście wyjaśnimy, dlaczego powinieneś się tym przejmować i jak możesz to zrobić.

Istnieje mnóstwo przykładów tego, jak szybkość witryny wpływa na konwersje i jak szybko użytkownicy oczekują Twojej witryny. Krótka wersja to:

Prędkość witryny wpływa na konwersje, a odwiedzający oczekują witryny, która ładuje się szybko.

Również szybkość witryny jest czynnikiem SEO, na który Google patrzy, jeśli chodzi o ranking.

Ponadto: Google zaczął korzystać z indeksowania Mobile First

Google zaczął indeksować i pozycjonować wyniki wyszukiwania w rankingu SEO na podstawie zawartości i doświadczenia w witrynie, więc liczy się nie tylko pulpit. Oznacza to, że szybkość witryny (i ogólne wrażenia) witryny mobilnej również wpłyną na SEO w nowy, trudniejszy sposób. Przeczytaj więcej tutaj .

Szybkość witryny można porównać do współczynnika konwersji : czynniki zewnętrzne będą miały znaczenie i zawsze chcesz je porównać ze sobą. Benchmarki to dobre narzędzia, które wskażą Ci drogę. Poniżej podamy przykłady różnych źródeł i przyjmiemy, co stanowi „dobry” czas ładowania, i które aspekty wpływają na sposób jego mierzenia.

1 Jak szybko są normalnie witryny?

Badanie z Radware 2015 pokazuje, że 100 najpopularniejszych witryn e-commerce ma średni czas ładowania 5,5 sekundy (komputer stacjonarny), podczas gdy użytkownicy oczekują, że będzie to 2-3 sekundy. W tym samym czasie, 9 na 10 użytkowników mobilnych Oczekuj, że witryny mobilne będą ładowały się szybciej niż witryny desktopowe.

Oczekuje się, że witryny będą szybsze, ale jednocześnie rosną . Tylko w latach 2014 - 2015 średnia strona wzrosła o prawie 70% . Dodajemy więcej treści, obrazów, filmów i innych rzeczy, które powodują, że nasze strony rosną, a to z kolei sprawia, że ​​są wolniejsze. Zwiększa to potrzebę optymalizacji i przycinania prędkości witryny.

Według Pingdom:

Pingdom utworzył następujące testy porównawcze dla tego posta, w których sprawdził średni czas ładowania witryn o optymalnych warunkach:

• 100 najlepszych witryn handlu elektronicznego na świecie ładuje się - jeśli zostały zoptymalizowane - w 2,51 sekundy.
• 100 najlepszych gazet i czasopism ładuje się bardzo powoli 4,6 sekundy.
• Porównaj to do 5,48 sekundy dla największych blogów .

Ale co oznaczają optymalne warunki? Mówiąc najprościej, na szybkość Twojej witryny ma wpływ połączenie internetowe odwiedzającego, czas na pierwszy bajt, co z kolei ma związek z tym, ile czasu zajmuje serwerom odpowiedź itd. Wszystkie te czynniki sprawiają, że różne źródła mają różne wartości odniesienia , w oparciu o ich warunki.

Najważniejsze jest to: to dobry pomysł, aby poprawić szybkość witryny. Czas ładowania, na który powinieneś dążyć, zależy od wielu rzeczy. Dobrze, więc co powinniśmy wtedy zrobić?

2 Dowiedz się, jaka jest naprawdę wysoka prędkość witryny

Przede wszystkim chcesz wiedzieć, jakie naprawdę są złe rzeczy. Istnieje wiele narzędzi, które mogą ci pomóc w pokazaniu czasu ładowania lub punktów, które można poprawić. Zalecamy użycie kombinacji tych. Powinieneś również użyć:

1. Google Analytics

Analytics udostępnia dalsze dane dotyczące szybkości Twojej witryny. Możesz użyć segmentów, aby poruszać się po problemach i zobaczyć, co ich powoduje. Czy występują problemy dotyczące telefonu komórkowego lub komputera stacjonarnego, konkretnej przeglądarki lub czy konkretna strona docelowa działa źle?

Raporty te znajdziesz pod Behavior -> Site Speed
(Kliknij, aby powiększyć)

Jedną z rzeczy, którą warto śledzić, jest próbka ładowania strony, która pokazuje, ile wyświetleń Google użył do obliczenia wszystkich wartości. Google faktycznie testuje tylko rzeczy 1% odwiedzających . Jeśli masz stosunkowo niewielu użytkowników w swojej witrynie, może być konieczne zwiększenie tej próbki, aby mieć więcej danych na podstawie decyzji.

W 2016 r. Przyjrzeliśmy się czasom ładowania w szwedzkiej witrynie e-commerce (około 4 miliony próbek) w Analytics:

• Średni czas ładowania pulpitu to 4,2
  (czyli 1-2 s wolniej niż oczekują użytkownicy)
• Czasy ładowania urządzeń mobilnych są o 1,6 sekundy wolniejsze niż na komputerach stacjonarnych (gdzie użytkownicy oczekują, że witryna mobilna będzie szybsza)
• Szybkość witryny mobilnej spadła o 1,2 s w porównaniu z 2015 r. (Z 7,0 do 5,8)

2. Sprawdź swoją witrynę w Pingdom na przykład

Przez Pingdom możesz uzyskać dane, które informują o tym, jak Twoja witryna działa dla każdego użytkownika w czasie rzeczywistym, co jest świetnym sposobem monitorowania, w jaki sposób różne segmenty użytkowników wpływają na różne prędkości witryny. Możesz także skonfigurować alarmy, między innymi, dla prędkości witryny.

Aby szybko uruchomić testy adresu URL, możesz spróbuj tutaj za darmo .

3. Wykonaj WebPagetest

WebPagetest to zaawansowane narzędzie, które zapewnia dostęp do wielu metryk. Jedną świetną funkcją jest to, że możesz zobaczyć wideo, które elementy ładują się jako pierwsze i lepiej zrozumieć, jak wygląda doświadczenie użytkownika, jeśli chodzi o szybkość witryny. Możesz również zobaczyć, jak twoja strona zajmuje pozycję w rankingu w porównaniu z 300 000 najlepszych witryn na świecie. Dzięki temu narzędziu łatwo jest zobaczyć, jak zmiany optymalizacji wpływają na ranking.

3 Jak zoptymalizować dla lepszej prędkości witryny

Dobra, teraz wiesz więcej o tym, co się dzieje, ale jak powinieneś działać, aby zoptymalizować szybkość witryny?

1. Wybierz nisko wiszące owoce przez Narzędzia do testowania prędkości Google zalecenia.

Być może nie możesz naprawić wszystkiego, co jest zalecane od razu, ale sugerowane ulepszenia są traktowane priorytetowo, więc zacznij od krzyżowania ich z listy. Z pewnością znajdziesz tutaj kilka wiszących owoców, takich jak:

Użyj narzędzia, aby znaleźć to, nad czym musisz pracować.

Przejdź do narzędzia Google Speed ​​Testing Tool

2. Dostosuj swoją zawartość mobilną: skup się i zmniejszaj!

Łatwo jest myśleć, że responsywna strona rozwiąże wszystkie problemy w naszym świecie wielu urządzeń, ale nie. Problem pojawia się, gdy dodajemy więcej treści do pulpitu, ponieważ obecnie mamy bardzo dobre połączenia internetowe. Zapominamy jednak, że użytkownicy mobilni nie mają takiej samej wysokiej jakości połączeń lub nie mają takich samych potrzeb lub wzorców użytkowników.

Poświęć trochę czasu na zastanowienie się (spójrz na dane użytkownika): Jaki jest najważniejszy cel twoich użytkowników telefonów komórkowych? Co właściwie użytkownicy mobilni robią w Twojej witrynie? Zejdź na dół i usuń niepotrzebne kłaczki. Pamiętaj: mniejsza strona = szybsza prędkość witryny. Czy odwiedzający korzystają na przykład z witryny mobilnej w celu znalezienia danych kontaktowych lub najbliższego sklepu? Jeśli tak jest, usuń najnowszą sekcję wiadomości, nieistotne filmy o swojej wizji i tak dalej. Nie zapomnij jednak najpierw określić, które części witryny są odpowiednie dla użytkowników mobilnych i jak zawsze: testuj, analizuj, ulepszaj!

3. Ładowanie treści podczas przewijania (Leniwe ładowanie)

Zamiast ładować całą stronę w tym samym czasie, JavaScript pozwala załadować to, co jest natychmiast widoczne dla użytkownika i załadować resztę skryptu, gdy przewijają się dalej i dalej w dół strony. Użytkownik następnie uzna, że ​​witryna ładuje się szybciej.

Polecenie Pingdom poleca to również i sugeruje, aby zastanowić się nad tym, które elementy są widoczne jako pierwsze w witrynie, ponieważ doświadczony czas ładowania jest skorelowany z możliwością interakcji z witryną. Jednym z przykładów jest wcześnie wczytanie paska wyszukiwania i menu oraz załadowanie „ładnej” treści.

4. Używaj sieci CDN (sieci dostarczania treści)

CDN zapewnia użytkownikom kilka różnych węzłów rozmieszczonych na całym świecie, gdzie mogą pobierać treści (na przykład obrazy i JavaScript). Zwiększa to szybkość witryny, ponieważ serwer węzła może być znacznie bliżej użytkownika i buforować zawartość.

CDN to usługa, którą kupujesz od strony trzeciej, a koszt zostanie wykorzystany o wiele bardziej efektywnie, jeśli najpierw przejdziesz przez poprzednie kroki.

5. Rozważ użycie AMP (Accelerated Mobile Pages)

- Czy nowy standard Google dla telefonów komórkowych przyspieszy Twoją witrynę?

Google, wraz z wieloma innymi firmami technologicznymi, stworzyło AMP . Nowy standard przyspieszenia witryn mobilnych. Standard jest wciąż całkiem nowy, a strony z wiadomościami to te, które używają go głównie, ale wiele innych typów witryn (w tym witryn handlu elektronicznego) może z niego korzystać.

Facebook używa natychmiastowych artykułów, co jest zasadniczo tym samym.

Krótko mówiąc, standard AMP dostosuje, które typy elementów HTML mogą być używane na Twojej stronie mobilnej, JavaScript nie jest dozwolony przez osoby trzecie, a strony AMP są buforowane przez Google, aby mieć pewność, że są one szybciej renderowane. Rzeczy, które zazwyczaj spowalniają szybkość witryny, takie jak wyskakujące okienka i JavaScripts innych firm, nie są po prostu niedozwolone lub są bardzo ograniczone.

Czy AMP jest właśnie dla Ciebie?
Ten projekt jest wciąż na wczesnym etapie, więc rozpoczęcie korzystania z AMP oznacza teraz, że będziesz mieć zarówno witrynę pulpitu, jak i stronę mobilną do opracowania i utrzymania. AMP jest właśnie teraz odpowiedni dla ludzi, którzy mają dużo czasu i zasobów, którzy chcą być na szczycie swojej gry i eksperymentować, aby poprawić wrażenia użytkownika. Jeśli więc masz ograniczony czas i zasoby, prawdopodobnie lepiej jest pozostać i pozwolić, aby standard rozwinął się w coś mniej czasochłonnego. Podczas oczekiwania możesz zoptymalizować i poprawić czas ładowania bieżącej witryny.

The Washington Post testował AMP i skrócił czas ładowania o 88% . Jednocześnie powinieneś mieć świadomość, że standard AMP wraz z Google dyktują warunki i ograniczają Cię, jeśli chodzi o to, co możesz, a czego nie możesz zrobić z własną stroną.

4 Ustaw budżet wydajności dla ciągłej optymalizacji

Dobrze, wykonałeś kawał roboty, aby poprawić szybkość witryny. Ale co wtedy? Podobnie jak w przypadku współczynnika konwersji, nigdy tak naprawdę nie skończysz (przepraszam!). Co możesz zrobić, aby nie zapomnieć o ciągłej pracy z prędkością witryny?

Zacznij tworzyć budżet wydajności. Oznacza to, że każda zmiana lub projekt, który wiąże się z nowymi funkcjami w witrynie lub w przypadku ponownego uruchomienia, powinien mieć jasne cele i wytyczne dotyczące wpływu na szybkość witryny. Dzięki temu wszyscy zaangażowani są świadomi faktu, że szybkość witryny jest ważna. W ten sposób prędkość witryny zostanie uwzględniona w dokonanych zmianach i będzie kontynuowana.

streszczenie

Jest wiele rzeczy, które możesz zrobić, aby Twoja strona była szybsza. Jednak najważniejszą częścią jest upewnienie się, że faktycznie zaczynasz. Wykonaj te trzy kroki:

1. Dowiedz się, jak powolna jest Twoja witryna, na przykład Google Analytics lub Pingdom
2. Zacznij optymalizować obszary sugerowane przez Google
3. Utrzymuj szybkość witryny dzięki ciągłej pracy z budżetem wydajności