Jak przyspieszyć ładowanie witryny?

Szybka prędkość pobierania strony jest niezwykle ważna. Poprawia wrażenia użytkownika, zwiększa współczynnik konwersji, zaangażowanie użytkowników, a nawet podnosi stronę w wynikach problemu. Jest to szczególnie ważne w przypadku ruchu mobilnego. Przecież nikt nie chce przejść ze smartfona na stronę, która waży 4 MB, i czekać, aż ładuje się przez wieki.

Jak szybko powinna być szybkość ładowania strony?

  • 1 sekunda - świetnie.
  • 2-3 sekundy są bardzo dobre.
  • 4-7 sekund to normalne, ale jest miejsce na wzrost.
  • 8-10 sekund jest złe.
  • 11 sekund lub więcej jest okropne, zacznij emitować alarm, ponieważ ogromne pieniądze przeciekają spod twojego nosa.

Według badania Strangeloop, podczas którego przetestowano prędkość pobierania 2000 najlepszych sklepów internetowych, średnia prędkość pobierania witryn komercyjnych wynosi 10 sekund. Możesz zapytać: „Dlaczego powinniśmy poprawić szybkość ładowania naszej strony, nawet jeśli najlepsze sklepy internetowe są ładowane tak długo?” Oto odpowiedź:

  • 57% odwiedzających opuszcza stronę, która jest ładowana przez ponad 3 sekundy.
  • W tych momentach, w których strona spowalnia ze względu na duży ruch, ponad 75% kupujących online woli odwiedzić witrynę konkurencji.
  • 2 sekundy - tak bardzo, że pacjent będzie czekał, aż informacja pojawi się na ekranie. Dodanie elementu takiego jak pasek postępu może wydłużyć czas oczekiwania do 38 sekund.
  • Witryna, która jest ładowana przez 3 sekundy, ma 22% mniej wyświetleń, 50% więcej odbić i 22% mniej konwersji niż strona, która jest ładowana 1 sekundę. Strona, która ładuje się przez 5 sekund, ma jeszcze gorsze wyniki - 35% mniej wyświetleń, 105% więcej odbić i 38% mniej konwersji.
  • 8% osób uważa, że ​​głównym powodem opuszczenia strony jest powolne ładowanie stron.

Usługi, dzięki którym możesz sprawdzić szybkość ładowania witryny:

Pamiętaj, że te usługi nie będą w stanie rozwiązać Twoich problemów. Ich główną funkcją jest analiza prędkości ładowania strony. Wszystkie dalsze działania powinny pochodzić od ciebie.

Im szybciej ładuje się strona, tym lepsza konwersja.

Aby to sprawdzić, przestudiuj następujące wyniki badań:

  • Badanie Aberdeen Group wykazało, że w wyniku 1-sekundowego opóźnienia liczba wyświetleń spada (o 11%), odsetek zadowolenia odbiorców (o 16%) i współczynnik konwersji (o 7%).
  • Firma Shopzilla zwiększyła prędkość witryny o 5 sekund, a tym samym zwiększyła współczynnik konwersji o 12%.
  • Skracając czas ładowania stron docelowych, Mozilla była w stanie zwiększyć liczbę pobrań o 15,4%, co spowodowało 60 milionów dodatkowych pobrań.
  • 85% użytkowników mobilnych oczekuje, że witryny będą ładować się tak szybko, jak na komputerze. Nie uzyskując tego samego wyniku, opuszczają witrynę.

Źródła: gomez.com, aberdeen.com, en.oreilly.com, blog.mozilla.com

Jeśli zastanawiasz się, ile Twoja firma może zarobić, jeśli szybkość pobierania witryny byłaby większa, użyj kalkulatora Sharpe Digital (w języku angielskim). Być może konkretne liczby będą twoją najlepszą zachętą do działania.

5 sposobów na zwiększenie prędkości ładowania strony

Co można zrobić, aby przyspieszyć ładowanie witryny:

1. Zmniejsz rozmiar stron witryny

Załadowanie zbyt dużej zawartości zajmuje dużo czasu. Zmniejszając rozmiar stron witryny, automatycznie zwiększasz szybkość jej ładowania. Ponadto oszczędzasz pieniądze, jeśli dostawca usług hostingowych pobiera opłaty za ruch.

Aby zmniejszyć rozmiar strony, najpierw użyj kompresji danych HTTP. Zmniejsza to rozmiar zasobów tekstowych, w tym HTML, CSS i JavaScript, o 50% lub więcej. Zip, gzip i inne technologie są używane do kompresji danych HTTP.

Aby zmniejszyć rozmiar strony, poproś dostawcę usług hostingowych lub administratora serwera o włączenie opcji kompresji danych HTTP. Aby ocenić uzyskany efekt, użyj jednej z usług sprawdzania kompresji, na przykład tej usługi. Jeśli administrator serwera zrobił wszystko poprawnie, zobaczysz coś takiego jak na poniższym rysunku:

2. Zmniejsz wagę grafiki

Grafika często stanowi 80% lub więcej całkowitej wielkości strony. Dlatego bardzo ważne jest prawidłowe zoptymalizowanie opublikowanych zdjęć. Poniższe wskazówki pomogą zmniejszyć rozmiar obrazu o 50% lub więcej:

  • Publikuj zdjęcia w formacie JPEG, unikaj formatu png. Format JPEG pozwala kompresować obrazy bez utraty jakości. Na przykład w dniu prezentacji systemu Windows 8 firma Microsoft opublikowała zdjęcie w formacie PNG na stronie głównej witryny, którego „waga” wynosiła 1 MB. Zdjęcia o podobnej jakości w formacie JPEG mają rozmiar około 140 KB.
  • Nie nadużywaj użycia formatu PNG do przejrzystości grafiki. Efekt przezroczystości jest bardzo piękny, ale nie zawsze funkcjonalny.
  • Poprawnie wybierz poziom jakości zdjęć w formacie JPEG. Zmniejszając jakość zdjęcia o 25-50%, prawie nie zauważasz różnicy w porównaniu z oryginalnym obrazem. Jednocześnie „waga” ilustracji znacznie się zmniejszy.
  • Czyść pliki obrazów z cyfrowych śmieci. Różne edytory zdjęć, których prawdopodobnie używa twój projektant, pozostawiają w pliku wiele różnych danych, na przykład komentarze, robocze wersje obrazu, nieużywane palety itp. Ten cyfrowy śmieci nie potrzebuje twoich czytelników. Aby wyczyścić plik, użyj usług Pngcrush lub Smush.it.

Zmniejszając „ciężar” zdjęć, staraj się zachować estetyczny wygląd strony. Użytkownicy i wyszukiwarki cenią bardziej atrakcyjne wizualnie zasoby.

3. Uprość JavaScript i CSS

Używanie specjalnych narzędzi do uproszczenia JavaScript i CSS zmniejsza wagę odpowiednich elementów bardziej niż standardowe technologie kompresji, na przykład gzip. Usługi upraszczające usuwają niepotrzebne elementy z kodu, a także redukują nazwy funkcji.

Aby uprościć kod JavaScript i elementy CSS, użyj narzędzi programowych lub usług online, na przykład narzędzia do kompresji JavaScript online lub kompresji JavaScript online / CSS.

4. Zmniejsz liczbę żądań przeglądarki

Im więcej żądań wysyła czytelnik, gdy strona się ładuje, tym wolniej się ładuje. Aby skrócić czas pobierania, musisz stworzyć warunki, w których przeglądarka użytkownika wysyła tak mało żądań, jak to możliwe. Można to osiągnąć przez zmniejszenie liczby zdjęć, plików JavaScript, kodów zasobów i usług innych firm itp.

Czy zastanawiałeś się kiedyś, dlaczego strona główna Google wygląda tak ascetycznie? Prawdopodobnie jednym z powodów jest chęć programistów do zwiększenia prędkości pobierania.

Ale jeśli nie osiągniesz popularności Google, pusta strona może zdenerwować użytkowników. Jeśli zalecenie usunięcia wszystkich niepotrzebnych danych nie jest dla Ciebie odpowiednie, skorzystaj z następujących wskazówek, aby zmniejszyć liczbę żądań przeglądarki:

  • Zezwalaj przeglądarkom na buforowanie danych. Jeśli strony Twojej witryny są statyczne, nie ma potrzeby „zmuszania” odwiedzających do pobierania treści za każdym razem. Poproś administratora serwera lub dostawcę hostingu o włączenie opcji buforowania zdjęć, elementów CSS i JavaScript. Aby sprawdzić wynik tej akcji, użyj na przykład usługi Redbot.
  • Łącz i kompresuj pliki CSS i JavaScript. Łącząc te elementy, znacznie zmniejszasz liczbę żądań przeglądarki. Ta metoda jest odpowiednia dla stron statycznych. Aby połączyć pliki CSS i JavaScript, użyj specjalnych usług i oprogramowania, na przykład CakePHP.
  • Połącz małe zdjęcia w sprite'y CSS. Jest to szczególnie przydatne w przypadku zasobów z wieloma ikonami, przyciskami i innymi małymi obrazkami. Usługi specjalne umożliwiają łączenie ich w jeden plik, nazywany ikonką CSS. Użyj narzędzia SpriteMe, aby sprawdzić skuteczność tego zalecenia w praktyce.

Pamiętaj, że włączenie opcji buforowania nie wpływa na szybkość ładowania strony podczas pierwszej wizyty. Jednak po ponownym odwiedzeniu szybkość ładowania witryny mile zaskoczy klientów. Oczywiście, jeśli nie używają narzędzi do czyszczenia, takich jak CCleaner.

5. Zmniejsz odległość między witryną a użytkownikami.

Jeśli serwer twojego dostawcy hostingu znajduje się we Władywostoku, goście z St. Petersburga będą musieli być cierpliwi podczas oczekiwania na załadowanie strony. Ten problem jest szczególnie istotny w przypadku witryn z „ciężką” treścią, które są odwiedzane przez użytkowników fizycznie oddalonych od serwera na duże odległości. Aby rozwiązać ten problem, użyj sieci dostarczania treści (CDN), na przykład Amazon CloudFront lub Akamai.

Używając CDN, automatycznie zmieniasz adres URL swoich zdjęć, plików CSS i JavaScript z //moisait.com/moefoto.png na //aaa.cloudnfront.net/moefoto.png. Gdy użytkownik odwiedza Twoją witrynę, CDN pobiera swoje „ciężkie” przedmioty ze swojego serwera, fizycznie zlokalizowanego najbliżej odwiedzającego.

Obejrzyj film: Jak przyśpieszyć ładowanie stron w Google Chrome aż o 27%? (Marzec 2020).

Loading...

Zostaw Swój Komentarz