Jak poprawić szybkość ładowania sklepu online?

W badaniu przeprowadzonym przez agencję badawczą SW Research w październiku 2022 roku aż 83% ankietowanych wskazało, że krótki czas wczytywania strony internetowej jest dla nich bardzo ważny. I już właściwie sam ten fakt w jasny i czytelny sposób pokazuje, jak ważna jest odpowiednia prędkość ładowania strony. Co zatem można zrobić, gdy czas odpowiedzi serwera jest długi, a strona ładuje się wolniej, niż powinna? Działania, które można podjąć w celu poprawienia szybkości witryny, opisujemy w poniższym artykule.

Szybkość ładowania strony – co to jest i dlaczego jest to ważne?

Zacznijmy od absolutnych podstaw. Szybkość ładowania strony internetowej definiowana jest jako czas, który upływa od momentu kliknięcia w link lub wpisania adresu i potwierdzenia go do czasu, gdy można w pełni korzystać ze strony internetowej. Zasadniczo możemy uznać, że im szybciej ładuje się strona, tym lepiej. Analizy pokazują, że optymalnym czasem, do którego warto dążyć, jest 2,4 sekundy. Czas ładowania strony powyżej 5 sekund jest uznawany za bardzo niezadowalający i – według badań – skutkuje porzuceniem strony internetowej przez 33% internautów.

Przedstawmy zatem konkretne aspekty, które powodują, że szybkość ładowania strony Google jest tak istotna:

• czas wczytywania strony wpływa na pozycjonowanie -  uznaje się, że czas ładowania strony jest jednym z ważniejszych czynników rankingowych dla robotów Google. Czas ładowania Twojej strony wpływa również na ranking pośrednio. Może bowiem dojść do sytuacji, gdy użytkownicy będą porzucać stronę, a jednocześnie otwierać witryny konkurencji. Przy założeniu, że zjawisko to będzie miało odpowiednio szeroką skalę, może dojść do lepszego pozycjonowania stron konkurencyjnych;
• poprawa konwersji – im krótszy jest czas wczytywania strony, tym większa szansa na konwersję, czyli np. dokonanie zakupu. W przypadku stron, które ładują się w 2,4 sekundy, współczynnik konwersji wynosi 1,9%. Dla porównania, dla stron ładujących się w 4,2 sekundy jest to mniej niż 1%, a dla stron, które potrzebują ponad 5,7 sekundy na wczytanie się – 0,6%;
• czas ładowania strony internetowej wpływa na współczynnik odrzuceń – schemat jest prosty: im dłużej ładuje się strona, tym więcej użytkowników nie doczeka do jej otwarcia i sprawdzi inne pozycje w wynikach wyszukiwania;
• zadowolenie użytkowników – szybkość strony wpływa także na UX (user experience), czyli doświadczenie użytkownika odwiedzającego stronę. Witryna, która działa płynnie i szybko, będzie bardziej pozytywnie oceniana przez odbiorców. Będą oni chętniej odwiedzać ją w przyszłości i spędzać na niej więcej czasu.

Co wpływa na szybkość ładowania strony Google?

Zasadniczo na szybkość ładowania strony internetowej wpływają dwie rzeczy: serwer oraz przeglądarka (omawiamy tu głównie przeglądarkę Chrome od Google, ale generalnie to samo dotyczy innych – np. Firefox).

Żeby stronę można było otworzyć, serwer, na którym jest ona umieszczona, przygotowuje kod HTML i inne pliki, by wysłać je do przeglądarki. Wtedy przeglądarka odbiera dane i przerabia je na to, co widać na ekranie monitora. Oznacza to, że dla szybkości ładowania strony duże znaczenie ma z jednej strony czas odpowiedzi serwera, a z drugiej – aspekty związane z pracą przeglądarki, która renderuje stronę na podstawie otrzymanych danych. Działania, dzięki którym można poprawić szybkość ładowania strony internetowej, można przeprowadzić zarówno po stronie przeglądarki, jak i serwera.

Jak mierzyć szybkość strony, czyli nie tylko Google PageSpeed Insight

Zanim omówimy czynności, które można wykonać, by przyspieszyć wczytywanie strony, przedstawmy krótko popularne narzędzia, za pomocą których można zmierzyć szybkość wczytywania. Zwracamy uwagę przede wszystkim na:

• Google PageSpeed Insight – Insights Google to darmowe narzędzie, przy pomocy którego można szybko przeanalizować dowolną stronę. Co ważne, Google PageSpeed Insights analizuje nie tylko strony desktopowe, ale także mobilne,
• GTmetrix – test szybkości strony możemy przeprowadzić również z wykorzystaniem narzędzia GTmetrix. Dlaczego może to być dobrym rozwiązaniem? Przede wszystkim dlatego, że w przeciwieństwie do wielu innych narzędzi GTmetrix analizuje szybkość ładowania strony nie tylko pod kątem wymagań Google, ale również Yahoo,
• Google Analytics – Google Analytics, jak przystało na profesjonalne narzędzie do analizy statystyk serwisów WWW, umożliwia również przeprowadzenie analizy prędkości ładowania strony. Na platformie można przeprowadzać badania oddzielnie dla urządzeń stacjonarnych i mobilnych różnego typu.

Oczywiście Google PageSpeed Insight i Analytics czy GTmetrix do mierzenia szybkości ładowania z Yahoo to nie jedyne narzędzia dostępne na rynku. Warto zwrócić uwagę na Pingdom, Lighthouse czy zaawansowany WebPageTest. Na marginesie dodajmy, że skutecznym narzędziem są też… nasze oczy. Często sami jesteśmy w stanie stwierdzić, czy dana strona ładuje się zbyt długo i zaczyna być irytująca.

Jak przyspieszyć ładowanie stron internetowych?

Co zrobić, gdy szybkość strony jest niewystarczająca. Jest kilka sposobów na to, jak przyśpieszyć ładowanie stron internetowych. Na początku zajmijmy się tymi, które leżą po stronie przeglądarki – tutaj pole do popisu jest bowiem nieco szersze.

Optymalizacja zdjęć na stronie

Pierwszym, na co należy zwrócić uwagę, gdy szybkość ładowania strony jest niezadowalająca, jest przyjrzenie się grafikom: ich formatowi i wymiarom. Powiedzmy sobie wprost: zdjęcie o dużej rozdzielczości ważące kilkadziesiąt mb znacznie obniża prędkość strony. Zdjęcia powinny być zapisywane w formacie JPG lub PNG i powinny ważyć około 0,5 mb. Pamiętajmy też, by odpowiednio dobierać rozdzielczość zdjęcia do jego zastosowania – dla przykładu miniaturka może być grafiką o niskiej rozdzielczości.

Ładowanie grafik z lazy loading

Skoro już jesteśmy przy grafikach… Dobrą praktyką jest stosowanie na stronie tak zwany lazy loading, który polega – mówiąc w skrócie – na wczytywaniu grafik dopiero wtedy, gdy są one potrzebne przy scrollowaniu strony w dół. 

Zasadniczą zaletą lazy loadingu jest to, że poprawie ulega szybkość ładowania strony Above the Fold. Treści Below the Fold wczytywane są na bieżąco przy przeglądaniu treści.

Rezygnacja z dużych plików wideo

Duże, obciążające serwer pliki wideo bardzo negatywnie wpływają na prędkość ładowania strony – zwłaszcza gdy występują ograniczenia przepustowości. Zdecydowanie lepszym rozwiązaniem jest publikowanie plików wideo na YouTube i umieszczanie ich na stronie w formie linków prowadzących do YT.

Optymalizacja kodu

Prędkość strony często można poprawić poprzez zoptymalizowanie kodu, który – mówiąc kolokwialnie – bywa przeładowany. Prędkość ładowania na CMS-ach często spowalnia duża liczba aktywnych, zainstalowanych wtyczek, które często okazują się zbędne. Dochodzi wówczas do sytuacji, w której skrypty PHP i JavaScript są przetwarzane przez przeglądarkę, przyczyniając się tym samym do wydłużenia czasu ładowania strony, a w rzeczywistości nie są w żaden sposób wykorzystywane.

Minifikacja plików HTML, CSS i JavaScript

Czas ładowania strony często można także zoptymalizować poprzez przeprowadzenie minifikacji plików HTML, CSS i JS. Mówiąc najprościej, cały proces polega po prostu na usunięciu z kodów zbędnych znaków (spacji, tabulatur czy znaków nowej linii), które nie wpływają na interpretację kodu, ale ze względu na to, że są traktowane jak zwykłe znaki, tak jak inne elementy kodu zajmują kilobajty. Co za tym idzie, zwiększają one rozmiar plików i wydłużają czas przetwarzania. W takich okolicznościach dłuż staje się też czas wczytywania strony.

Rozwiązaniem jest po prostu usunięcie zbędnych znaków z plików HTML, CSS i JS.

Wdrożenie AMP

Dobrą praktyką jest też wdrożenie AMP, czyli Accelerated Mobile Pages. Jak pokazują analizy, coraz więcej osób korzysta z urządzeń mobilnych do przeglądania stron internetowych i robienia zakupów online. Dzięki zastosowaniu AMP poprawisz szybkość wczytywania Twojej strony w wersji mobilnej.

Jak poprawić szybkość strony za pomocą serwera?

Jeżeli chodzi o optymalizację szybkości strony w obszarze serwera, jest to o tyle ciężkie, że więcej do powiedzenia w tym względzie ma hostingodawca. Z pewnością tym, co w wielu przypadkach można zrobić, jest wybór wersji serwera PHP – warto wybrać wersję wyższą niż 7.1. Wersje serwera PHP 7.1 i niższe wolniej wykonują kod. Inne działania serwerowe, które można wdrożyć, by poprawić prędkość strony, to:

• zastosowanie kompresji bezstratnej, która pozwala skompresować dane podczas transferu między serwerem a przeglądarką, 
• optymalizacja kodu PHP,
• użycie cache po stronie serwera, co ogranicza zasoby serwera i przyspiesza jego odpowiedź.

Działania serwerowe, których celem jest poprawienie prędkości strony, bywają jednak skomplikowane, dlatego do ich przeprowadzenia może być konieczna pomoc programisty.

Prędkość strony – podsumowanie 

Zdajemy sobie sprawę z tego, że ten artykuł to jedynie wstęp do tematu. Trzeba jednak mieć świadomość tego, że poprawienie szybkości strony często jest dużym wyzwaniem, które wymaga zaangażowania informatyków, programistów, hostingodawców czy administratorów stron, którzy korzystają z Google Search Console. Z tego względu kluczowa jest tutaj odpowiednia strategia oraz wsparcie agencji SXO.

Pamiętajmy też o tym, że odpowiednia prędkość strony to tylko połowa sukcesu. Użytkownicy nie będą spędzać na niej czasu nawet jeśli będzie ładowała się w optymalnym czasie, jeśli jej zawartość będzie nieużyteczna i nieciekawa. To dlatego poza zoptymalizowaniem grafik i kodu czy przeprowadzeniem minifikacji plików HTML, CSS i JS, ważne jest również stworzenie treści w zgodzie z zasadami SEO copywritingu i regularne przeprowadzanie analiz w Google Analytics czy Google Search Console.