Blog

Dlaczego czas ładowania strony www ma znaczenie?

Autor: zpomyslami w Strony www

Powiedzmy sobie szczerze — nikt z nas nie lubi czekać. Może to powiedzieć zwłaszcza konsument w Internecie. Żyjemy w czasach “instant”, w których sztandarowe określenia to natychmiast, szybko i bez większego wysiłku. Tego samego oczekuje się w spoglądając na czas ładowania strony internetowej. Ten z pozoru niewinnie wyglądający czynnik ma ogromne znaczenie, szczególnie w przypadku, gdy serwis internetowy jest istotnym kanałem pozyskiwania klientów. Warto zatem docenić ten parametr i nad nim popracować.

Wśród użytkowników Internetu można zaobserwować swojego rodzaju niecierpliwość. Jeżeli tylko dostrzegą, że strona nie pojawia się w ciągu pierwszych sekund, bardzo szybko mogą uznać, że po prostu nie działa. W takiej sytuacji najczęściej wychodzą i szukają dalej. Natomiast Ty tracisz ruch i potencjalnych klientów.

Oczekiwania użytkowników są wysokie i wraz z rozwojem technologii stale rosną. Dochodzi do tego również kwestia coraz większej mobilności i zjawiska tzw. multiscreeningu. W przeglądaniu sieci wiodącej roli nie odgrywają już komputery. Ten aspekt z pełnym zaangażowaniem przejmują smartfony, które towarzyszą nam praktycznie na każdym etapie dnia. W tym przypadku oczekiwania są jeszcze większe, a czas odgrywa pierwszorzędne znaczenie.

Czas dyktuje warunki i wpływa na konwersję

Jak wskazują badania Google, aż 53% użytkowników opuści stronę mobilną, jeżeli jej czas ładowania przekroczy 3s! Według symulacji zwiększenie czasu ładowania z 1 do 5s może skutkować wzrostem porzuceń na poziomie nawet 90%! Najbardziej dotkliwe może być to w branży e‑commerce, gdzie pokaźna liczba osób po prostu porzuci koszyk i nie dojdzie do zakupu.

Co wpływa na czas ładowania?

Wśród głównych czynników możemy wymienić przede wszystkim:

• serwer (hosting), na którym umieszczona jest strona,
• łącze internetowe użytkownika,
• wykonanie strony (technologie, waga, optymalizacja).

W pierwszym wypadku dobrze poświęcić nieco uwagi na wybór odpowiedniej oferty hostingowej. Wśród kluczowych parametrów należy zwrócić uwagę na infrastrukturę (przechowywanie danych na dyskach SSD), dostępność najnowszych wersji PHP, limity transferu, przepustowość łącza czy też optymalizację pod konkretne platformy, np. WordPress.

Mimo, że na drugi z parametrów nie mamy wpływu — możemy przyjąć, że naszą stronę będą przeglądać użytkownicy z szybkim, ale również wolniejszym łączem. W większości obszarów nie będzie problemu z prędkością łącza, ale należy pomyśleć, np. o użytkownikach mobilnych, którzy z tego typu internetu mogą korzystać w różnych miejscach, gdzie zasięg może warunkować jakość tego połączenia. Dlatego warto zadbać o równe szanse i sprawić, aby strona działała zwinnie w każdych warunkach.

W przypadku samej strony www — mamy szereg czynników, które wpływają na jej czas pojawienia się na ekranie. Zaczynając od systemu CMS, zastosowanego frameworku, poprzez “czystość” kodu programisty i obciążenie poprzez dodatkowe skrypty, czy też objętość grafiki i zdjęć.

W optymalizacji warto kierować się stwierdzeniem:  “Nie ważne co, szybszy jest lepszy, a mniej znaczy więcej”
(“No matter what, faster is better and less is more”).

Jak sprawdzić i poprawić czas ładowania strony?

Możemy w tym celu wykorzystać kilka narzędzi, które nie tylko ujawnią statystyki, ale również wskażą obszary do optymalizacji.

1. Google Analytics — przejdź do sekcji Zachowanie -> Szybkość witryny
Narzędzie analityczne daje nam dostęp do pokaźnej ilości danych. Możemy sprawdzić tutaj nawet czasy wczytywania podstron naszej witryny. Dzięki integracji z PageSpeed Insights otrzymamy też listę rekomendacji do usprawnień.

2. Google PageSpeed Insights

Narzędzie pozwala na ocenę strony zarówno w wersji mobile, jak i desktop. Wraz z liczbą przyznanych punktów, otrzymujesz wyszczególnienie obszarów, w których można oraz warto dokonać zmian. Co istotne, do pobrania generowane są też poprawione pliki, których podmiana na serwerze może pozytywnie wpłynąć na czas ładowania.

 

3. TestMySite 
Kolejne narzędzie Google, które ułatwia przetestowanie strony na telefonach. Wystarczy podać adres, a strona przejdzie cały szereg testów.

4. Pingdom Website Speed Test

Test dostarcza kompleksowych informacji — ocena, czas ładowania, porównanie na tle innych serwisów, rozmiar strony, ilość zapytań oraz oczywiście rekomendacje do wprowadzenia. Cennym elementem jest również oś czasu, która pokazuje jak poszczególne elementy wpływają na czas ładowania.

5. GTmetrix

Ostatnie z narzędzi, w którym także warto wykonać testy. Pełna lista rekomendacji pozwala dobrze zaplanować niezbędne zmiany.

 

Ok, ale jak to poprawić?

1. Wykonaj testy przy użyciu narzędzi
2. Przygotuj listę elementów wymagających poprawy
3. Zastanów się czy Twój hosting zapewnia Ci satysfakcjonującą wydajność
4. Ustaw najnowszą wersję PHP na serwerze
5. Zrób backup swojej strony i bazy danych
6. Zapanuj nad kodem źródłowym — wyeliminuj błędne zapisy i niepotrzebne funkcje
7. Zoptymalizuj grafikę i zdjęcia na stronie (możesz skorzystać z takich serwisów jak Kraken.io czy TinyJPG/TinyPNG)
8. Wykorzystaj pamięć podręczną i kompresję
9. Dokonaj minifikacji plików html/css/js, czyli usunięcia niepotrzebnych znaków bez zmiany funkcjonalności
10. Wykonaj ponowne testy i sprawdź czy jakieś obszary wymagają dalszej optymalizacji

Podsumowanie

Obserwując trendy, nie da się nie wspomnieć o silnym zaangażowaniu Google do kwestii poprawiania użyteczności stron, elementów wspierających wygodę oraz wrażenia użytkowników. Odniesienie znajdziemy tu w stopniowym wdrażaniu tych aspektów jako czynniki rankingowe. Od lipca 2018 szybkość staje się oficjalnym czynnikiem rankingowym Google dla wyszukań realizowanych na urządzeniach mobilnych. Warto zatem skupić się nad optymalizacją witryny, aby zyskać w oczach wyszukiwarki, która z wielką starannością dba o jakość swoich treści. Przy okazji usprawnień warto zadbać również o certyfikat SSL, zanim komunikaty w przeglądarkach zaczną informować o tym, że połączenie z Twoją stroną jest niebezpieczne.

Jeżeli nie jesteś programistą, nie czujesz się na siłach, bądź też nie masz czasu, aby samodzielnie dokonywać modyfikacji na stronie — zawsze możesz zwrócić się do nas. Chętnie pomożemy i przyspieszymy Twoją stronę! Skontaktuj się, znajdziemy dobre rozwiązanie.

Nade wszystko pamiętaj czas ładowania strony ma znaczenie, OGROMNE!

Jak szybko ładuje się Twoja strona? Pochwal się w komentarzu!