Ankiety mówią nam, że większość użytkowników internetu twierdzi, że jest mniej skłonna do odwiedzenia strony internetowej, jeśli nie ładuje się ona szybko.

Samo to mówi nam, że tak, szybkość strony naprawdę ma znaczenie – i dlatego tak ważne jest, aby Twoja firma miała stronę internetową, która ładuje się wystarczająco szybko, aby spełnić oczekiwania użytkowników.

1.1 Czy szybkość strony naprawdę ma znaczenie?

Imponująca szybkość strony pomaga utrzymać zaangażowanie użytkownika, zachęca go do przeglądania witryny i interakcji z treścią. Bez tego ryzykujesz częstsze porzucanie stron i niższe współczynniki konwersji.

Ankiety dotyczące doświadczeń i zachowań użytkowników

Przeprowadzono wiele badań nad szybkością ładowania strony i wszystkie jednoznacznie wskazują, że wolno działająca strona internetowa może znacząco i negatywnie wpłynąć na doświadczenia użytkownika, co z biznesowego punktu widzenia może okazać się kosztowne.

Na przykład ankiety przeprowadzone przez Akamai.com i Gomez.com pokazują, że 47% konsumentów czeka nie dłużej niż dwie sekundy na załadowanie strony internetowej, a jeśli witryna nie ładuje się w ciągu trzech sekund, całkowicie ją opuszcza.

Podobnie, według danych przedstawionych przez AOL, szybkość ładowania strony wpływa na liczbę odsłon na wizytę nawet o 50%. Inne badanie wykazało, że 79% kupujących online, którzy doświadczyli problemów z wydajnością na stronie internetowej, twierdzi, że jest mniej skłonne do ponownego odwiedzenia tej witryny, a 44% z nich twierdzi, że powiedziałoby znajomemu o swoich złych doświadczeniach z użytkowania.

Mając to na uwadze, przyjrzeliśmy się, jak szybkość Twojej witryny może wpłynąć na sprzedaż w Twoim sklepie internetowym.

Witryna eCommerce Shopzilla osiągnęła imponujący 25% wzrost liczby odsłon i wygenerowała od 7% do 12% więcej przychodów dzięki skróceniu czasu ładowania witryny z ~7 sekund do ~2 sekund. Liczby te są bardzo zgodne z badaniami przeprowadzonymi przez Gomez.com i Akamai.com, które twierdzą, że w przypadku sklepu internetowego, który zarabia 100 000 USD dziennie, opóźnienie strony o zaledwie jedną sekundę może potencjalnie kosztować 2,5 miliona USD utraconej sprzedaży każdego roku. To samo jednosekundowe opóźnienie w odpowiedzi strony może spowodować spadek konwersji nawet o 7%.

Szybkość strony jako czynnik rankingowy w wyszukiwarkach

Jeśli chodzi o optymalizację pod kątem wyszukiwarek, od razu myślimy o użyciu słów kluczowych w naszej treści internetowej lub generowaniu linków zwrotnych do naszej witryny, ale często zapominamy o znaczeniu szybkości strony w rankingach SEO. Słowami Google:

„Przyspieszanie stron internetowych jest ważne – nie tylko dla właścicieli witryn, ale dla wszystkich użytkowników Internetu. Szybsze witryny tworzą szczęśliwych użytkowników, a z naszych wewnętrznych badań wynika, że gdy witryna reaguje wolno, odwiedzający spędzają w niej mniej czasu".

Na poparcie tego stwierdzenia firma Google zaktualizowała usługę Google Analytics, dodając do niej dodatkowe narzędzia statystyczne, takie jak czas wczytywania strony, wyszukiwanie i rozmiar strony, aby umożliwić webmasterowi pełną analizę wydajności witryny oraz rozpoczęcie opracowywania strategii i działań mających na celu poprawę ich czas ładowania strony.

Oczywiście nie każda witryna, która osiąga optymalną szybkość ładowania strony, zajmuje pierwsze miejsce w wynikach wyszukiwania; należy wziąć pod uwagę wiele innych czynników wpływających – to w zasadzie tylko jeden element układanki. Możemy z całą pewnością powiedzieć, że szybko ładująca się witryna będzie miała wyraźną przewagę nad konkurencyjnymi witrynami, które nie są jeszcze szybkie.

1.2 Sprawdź szybkość swojej strony

Testowanie szybkości strony to dobry pomysł, a my pokażemy Ci, jak to zrobić. Sugerujemy skorzystanie z powszechnie używanego narzędzia online firmy Pingdom.

Po prostu przejdź do tools.pingdom.com, wprowadź adres swojej witryny, wybierz lokalizację z menu rozwijanego i naciśnij „Rozpocznij test”. Resztą zajmie się Pingdom.

Po przeanalizowaniu Twojej witryny Pingdom dostarczy Ci wynik szybkości strony wraz z kilkoma przydatnymi spostrzeżeniami. Spójrz na nasz przykład poniżej:

Otrzymasz również obszerny raport z instrukcjami krok po kroku, jak naprawić każdy element spowalniający Twoją witrynę. W zależności od złożoności sugerowanych poprawek możesz chcieć skontaktować się z twórcą witryny, aby pomógł Ci wprowadzić niezbędne zmiany.

1.3 Najlepsze praktyki poprawiające szybkość ładowania strony

Wiemy, że dobra szybkość wczytywania strony ma kluczowe znaczenie dla utrzymania klientów i współczynników konwersji, a teraz, gdy już ustaliłeś szybkość wczytywania strony, nie ma lepszego momentu, aby przystąpić do działania i ją poprawić. Oto kilka kroków, które zalecamy podjąć, aby zwiększyć szybkość witryny.

1 Użyj sieci dostarczania treści (CDN)

Korzystanie z usługi CDN to jeden z najpopularniejszych sposobów na skrócenie czasu ładowania strony. Robi to, wysyłając zapisaną w pamięci podręcznej wersję zawartości strony internetowej do rozproszonej geograficznie sieci serwerów zwanej Punktami Obecności lub w skrócie POP.

W ten sposób wirtualna odległość między serwerami jest zmniejszona, co oznacza, że treść jest dostarczana i ładowana na stronę szybciej – a ponieważ Twoje pliki internetowe są rozproszone na wielu serwerach, CDN zmniejsza obciążenie pojedynczego serwera.

Zasadniczo CDN umieszcza Twoje treści w różnych lokalizacjach w tym samym czasie, co oznacza, że odwiedzający Twoją stronę internetową mogą uzyskiwać dostęp do treści znacznie szybciej, niż byłoby to możliwe bez CDN. Oznacza to nie tylko, że odwiedzający Twoją stronę z większym prawdopodobieństwem pozostaną na niej dłużej, ale oznacza to również, że zaoszczędzisz przepustowość z głównego pakietu hostingowego.2zs

2 Użyj nagłówków Expires, aby wykorzystać buforowanie przeglądarki

Expires headers to fragment kodu zdefiniowany w pliku .htaccess. Instruuje przeglądarkę, kierując ją do zażądania określonej strony z serwera lub pobrania wersji strony z pamięci podręcznej przeglądarki.

Nagłówki wygasające umożliwiają użytkownikom ponowne wykorzystanie plików przechowywanych w pamięci podręcznej stron internetowych przechowywanych w przeglądarce i skracają czas pobierania plików. Zmniejsza również liczbę żądań załadowania strony internetowej, skracając w ten sposób czas ładowania strony.

Pamiętaj, że nagłówki Expires będą działać tylko wtedy, gdy odwiedzający ma już wersję Twojej strony internetowej zapisaną w pamięci podręcznej przeglądarki. Aby to osiągnąć, użytkownik musi przynajmniej raz wcześniej odwiedzić Twoją witrynę.

3 Napraw wszystkie zepsute linki

Niedziałające linki zniechęcają użytkowników do odwiedzania innych stron Twojej witryny i mogą oznaczać, że użytkownicy zdecydują się całkowicie ją opuścić. Oprócz niskiej retencji użytkowników może to powodować inne problemy.

Na przykład, gdy użytkownicy spędzają mniej czasu w Twojej witrynie, algorytmy wyszukiwarek zakładają, że Twoja witryna nie zawiera wysokiej jakości treści lub informacji. To z kolei znacznie zmniejszy średnią liczbę stron odwiedzanych na użytkownika i negatywnie wpłynie na ranking Twojej wyszukiwarki.

Zaradź temu, identyfikując i poprawiając uszkodzone linki. Zalecamy skorzystanie z bezpłatnego narzędzia, takiego jak Google Webmaster Tools lub Screaming Frog SEO Spider.

4 Określ wymiary obrazu i zestaw znaków w nagłówkach HTTP

Kiedy użytkownik odwiedza stronę internetową, jego przeglądarka musi przygotować pełny układ tej strony, co może powodować opóźnienia w ładowaniu strony.

Określając wymiary obrazów na swoich stronach internetowych, możesz pomóc zaoszczędzić czas przeglądarki – a oszczędzając czas przeglądarki, oszczędzasz czas odwiedzających stronę.

Z tego samego powodu powinieneś również określić zestaw znaków w nagłówkach odpowiedzi HTTP, aby zminimalizować czas spędzony przez przeglądarkę na określeniu zestawu znaków Twojej witryny.

5 Optymalizacja obrazów

Zbyt duże obrazy zawsze ładują się dłużej, dlatego ważne jest, aby obrazy były jak najmniejsze.

Pamiętaj również, aby zoptymalizować każdy obraz przed przesłaniem go na swoją stronę internetową, a jeśli używasz oprogramowania graficznego do optymalizacji obrazów, powinieneś użyć opcji „Zapisz dla Internetu”. Zmniejszy to rozmiar obrazów i skróci czas ładowania strony. Pamiętaj, że powinieneś używać obrazów z rozszerzeniem JPEG lub PNG – nie używaj plików BMP ani TIFF.

Użytkownicy WordPressa mogą zainstalować wtyczkę WP Smush.it, aby automatycznie kompresować obrazy. WP Smush.it działa w tle za każdym razem, gdy przesyłasz obraz do biblioteki multimediów i zmniejsza rozmiar obrazów bez obniżania jakości.

6 Ogranicz przekierowania 301

Aby naprawić uszkodzone linki (błędy 404), preferowane są przekierowania 301. Jeśli jednak masz zbyt wiele przekierowań 301 w swojej witrynie, przeglądarka może potrzebować więcej czasu, aby dotrzeć do właściwego miejsca docelowego.

Przekierowania 301 tworzą dodatkowe żądania HTTP, co oznacza dalsze wydłużenie czasu ładowania strony, więc tam, gdzie to możliwe, ogranicz przekierowania 301 do minimum. Zalecamy znalezienie przekierowań 301 za pomocą narzędzia Screaming Frog SEO Spider.

7 Użyj kompresji GZIP

Kompresja i deflacja GZIP zmniejsza rozmiar pliku bez pogorszenia jakości wizualnej obrazów i filmów, co naprawdę może pomóc skrócić czas ładowania strony.

Zapytaj swojego dostawcę usług hostingowych, czy włączył kompresję i deflację GZIP na swoich serwerach internetowych. Jeśli korzystasz z hostingu VPS, możesz włączyć go samodzielnie.

8 Włącz buforowanie przeglądarki

Kiedy użytkownicy odwiedzają Twoją witrynę po raz pierwszy, muszą pobrać zawartość HTML, arkusze stylów, pliki JavaScript i obrazy, zanim będą mogli zobaczyć Twoją stronę. Po włączeniu buforowania przeglądarki niektórzy użytkownicy nie będą musieli ładować każdego elementu strony internetowej podczas kolejnych wizyt.

Systemy zarządzania treścią, takie jak WordPress, Joomla i Drupal, mają doskonałe wtyczki pamięci podręcznej, które poprawiają szybkość strony. Wtyczki te skracają czas ładowania strony, zapisując w pamięci podręcznej najnowszą wersję witryny, dzięki czemu przeglądarka nie musi dynamicznie generować tej samej strony za każdym razem.

9 Umieść CSS na górze i JS na dole

Twoja przeglądarka wyrenderuje plik CSS przed wyrenderowaniem innych części strony, więc aby zaoszczędzić czas, zawsze umieszczaj CSS na górze strony.

Podobnie umieść JavaScript na dole strony, ponieważ wszystko poniżej JavaScript będzie blokowane przed renderowaniem i pobieraniem, dopóki JavaScript nie zostanie załadowany.

10 Zminimalizuj swoje pliki CSS i JS

Termin minify oznacza proces usuwania zbędnych znaków, które nie są wymagane do wykonania kodu. Najczęstszym sposobem minimalizacji plików jest połączenie wszystkich plików CSS i JS w jeden, dzięki czemu nie trzeba wywoływać wielu plików dla każdego pojedynczego żądania.

Innym sposobem na zminimalizowanie jest usunięcie spacji, znaku nowej linii, komentarzy i ograniczników bloków w JS i CSS, aby zmniejszyć te pliki.

Użytkownicy WordPressa mogą po prostu zainstalować wtyczkę o nazwie WP Minify, aby zminimalizować pliki JS i CSS.

11 Wyłącz Hotlinkowanie obrazów

Hotlinkowanie lub kradzież przepustowości zużywa przydzieloną przepustowość i spowalnia witrynę. Aby zapobiec łączeniu na gorąco, po prostu dodaj poniższy kod do pliku .htaccess i prześlij plik do katalogu głównego lub określonego podkatalogu, aby zlokalizować efekt tylko w jednej sekcji witryny.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?yourdomain.com/.*$ [NC]
RewriteRule .(gif|jpg|js|css)$ - [F]

1.4 Jak hosting wpływa na szybkość strony

Jeśli postępowałeś zgodnie z powyższą standardową praktyką w celu poprawy szybkości strony i nadal zauważyłeś niewielką różnicę, powinieneś skontaktować się ze swoim dostawcą usług hostingowych. Dostawca usług hostingowych i technologia, którą wybierzesz, mogą mieć znaczący wpływ na czas ładowania strony.

Gdy ładujesz witrynę internetową, wykonuje ona setki wierszy kodu, odpowiada na liczne żądania i wykonuje wiele zapytań do bazy danych, aby wyświetlić tylko jedną stronę. Wszystkie te wykonania muszą być przeprowadzone na serwerze WWW, na którym znajduje się Twoja witryna. Jeśli twój serwer internetowy jest wydajny, będzie szybciej obsługiwał twoją stronę internetową.

Na przykład wyobraź sobie swoją witrynę jako samochód. Możesz go dostosować, nadając mu wygląd wewnętrzny (optymalizacja kodu) i zewnętrzny (grafika, projekt i układ front-end), aby wyglądał świetnie. Ale jeśli Twój silnik (środowisko hostingowe) nie jest wydajny, Twoja witryna może nie osiągnąć pełnego potencjału.

Krótko mówiąc, szybkość witryny zależy w dużej mierze od rodzaju hostingu, firmy hostingowej i wybranego pakietu hostingowego, więc dokładnie sprawdź, na co się zapisałeś.

1.5 W jakim stopniu hosting VPS poprawia szybkość ładowania strony?

Jeśli Twoja witryna jest hostowana na współdzielonym koncie hostingowym, rozważ uaktualnienie do VPS lub serwera dedykowanego. VPS jest dostarczany z dedykowaną pamięcią RAM, vCPU i alokacją przepustowości, dzięki czemu Twoja witryna będzie działać z własnym zestawem zasobów. Ponadto użytkownicy VPS mogą dostosować VPS, aby dostosować szybkość ładowania strony.

Aby określić, o ile hosting VPS poprawia szybkość ładowania strony, przeprowadziliśmy test szybkości ładowania strony. Test przeprowadzono na najpopularniejszych instalacjach CMS, Magento, WordPress, Drupal i Joomla z jednym na współdzielonym pakiecie hostingowym, a drugim na pakiecie SSD VPS. Znaleźliśmy następujące wyniki:

Wyniki podkreślają zauważalne opóźnienie w ładowaniu strony w środowisku współdzielonym ze znaczną poprawą po uaktualnieniu hostingu do VPS. Rozwiązania hostingowe VPS są zawsze lepsze od hostingu współdzielonego w przypadku witryn intensywnie korzystających z zasobów i o dużym natężeniu ruchu.

AffiAi