Czym jest szybkość ładowania strony

Blog tutorial Czym jest szybkość ładowania strony

szybkość jest ważna nie tylko w przypadku stron internetowych

Wpisanie adresu strony internetowej lub kliknięcie linku w przeglądarce powoduje wysłanie sygnału do serwera, że chcemy tę stronę pobrać. Następnie serwer generuje stronę i wysyła ją do przeglądarki użytkownika. Ten dość skomplikowany proces generowania i przesyłania strony przebiega w tle i nie jest widoczny dla większości użytkowników. Złożoność pobierania strony powoduje, że mogą wystąpić opóźnienia na wielu etapach^[2]. Na niektóre mamy ograniczony wpływ (np. słaby zasięg telefonu), na inne z kolei możemy znacząco wpływać (np. konstrukcja strony).

Czy warto mieć szybkie strony?

Średnia szybkość ładowania strony mobilnej w 2016 roku wynosiła 22 sekundy^[1]. Rok później było to już 15 sekund^[3]. To dość duży postęp, ale ciągle jest pole do poprawy. Badania Google wskazują, że ponad połowa (dokładnie 53%) użytkowników rezygnuje z odwiedzenia strony jeśli ładuje się dłużej niż 3 sekundy. Przyspieszenie strony już o 0,1s powoduje przyrost dochodów.

Szybkość ładowania strony wpływa na pozycje stron już od 2010 roku.^[4] Od lipca 2018 roku^[5] szybkość strony ma też wpływ na pozycje w wynikach mobilnych.

Prędkość ładowania ma duże znaczenie przy rozbudowanych stronach internetowych. Wyszukiwarki mają określone zasoby do użycia przy indeksowaniu stron. Powolna strona oznacza, że nie będą w stanie indeksować stron szybko, co może mieć wpływ na widoczność strony w wyszukiwarce.

Długi czas ładowania strony ma wpływ na konwersje^[10] (czyli zamierzone czynności na Twojej stronie, np. zakup w sklepie, wypełnienie formularza kontaktowego). Im strona się dłużej ładuje, tym mniej osób jest w stanie konwertować^[7].

Jak mierzy się szybkość strony?

Szybkość ładowania możemy podzielić na dwie części:

czas generowania się strony - time-to-first-byte (TTFB) - czas na uzyskanie pierwszego bajta danych przez przeglądarkę
czas pobierania strony - czas potrzebny na pobranie całej treści strony.

(https://moz.com/blog/how-website-speed-actually-impacts-search-ranking, 2013)^[6]

Badania przeprowadzone już w 2013 roku pokazywały przewagę szybko ładujących się stron (krótki czas TTFB) nad wolniejszymi. Szybkie strony miały wyższe pozycje. Zalecamy regularne mierzenie szybkości strony. W Pulno szybkość działania strony, a w szczególności czasy generowania i pobrania podstron są mierzone podczas każdej analizy strony. Proces ten można zautomatyzować poprzez monitorowanie szybkości stron. Monitorowanie i regularne sprawdzanie czasu ładowania stron pozwala wyeliminować potencjalne błędy, które mogą powodować niższą konwersję i spadki pozycji.

błędy z prędkością strony w Pulno

Czas ładowania strony w Pulno

Co zrobić, żeby przyspieszyć stronę

Włączenie kompresji plików - instrukcja dostępna jest na stronach LH^[8]
Zmniejszenie plików CSS, JS - opisane jest na tej stronie^[11]. Warto skorzystać z testu szybkości Google https://developers.google.com/speed/pagespeed/insights/.
Zmniejszenie obrazów - często zajmują dużo miejsca, co przy szybkich łączach może nie mieć znaczenia. Warto jednak pamiętać, że wielu użytkowników korzysta z wolnych łącz bezprzewodowych i właśnie dla nich warto zmniejszyć rozmiar obrazów
Ograniczenie liczby przekierowań - każde przekierowanie, to kolejne przesyłane dane między przeglądarką i serwerem. Najlepiej mieć ich jak najmniej
Użycie skryptów asynchronicznych^[9] - najczęściej wystarczy dodać atrybut async. <script async src="http://code.jquery.com/jquery-1.11.1.min.js"></script> - skypt ładowany asynchrocznie
Wykorzystanie pamięci podręcznej przeglądarki - możesz ograniczyć ponowne pobieranie materiałów z serwera. Instrukcja w języku polskim tutaj.
Zmniejszenie czasu odpowiedzi serwera - czas odpowiedzi powyżej 0,2 sekundy jest niepokojący. Często skrócenie czasu odpowiedzi wymaga zmiany operatora serwera. Zważywszy na to, że wolny serwer może przekładać się na utratę klientów, jest to dobra opcja do rozważenia.

(bardzo długi czas odpowiedzi, Google zaleca mniej jak 200ms)
W przypadku stron opartych na CMS Wordpress zalecamy stosowanie wtyczki przyspieszającej stronę przez użycie pamięci podręcznej (cache), np. W3 cache.
Unikanie importowania plików CSS z innych plików CSS.

Zapas mocy

Poprawnie skonstruowana i szybka strona to tylko jeden z elementów układanki do poprawnego działania serwisu. Zalecamy posiadanie zapasu mocy serwera, aby obsłużyć niespodziewany ruch. Link w popularnym serwisie może wygenerować nawet kilkanaście tysięcy odwiedzin jednego dnia^[12]. Wzmianka w telewizji może dać ruch nawet kilkukrotnie większy. Niewiele firm może sobie pozwolić na utratę 100 tysięcy użytkowników na stronie - ruchu wartego często co najmniej kilkadziesiąt tysięcy złotych.

Różnice w czasie pobierania strony

W pewnych przypadkach czasy ładowania mogą się bardzo różnić od siebie. Może to wynikać z przeciążenia serwera lub problemów z wypełnieniem pamięci podręcznej (cache).

Gdy serwer jest przeciążony czasy pobierania stron wydłużają się, co powoduje duży spadek komfortu korzystania ze strony, a także zwiększenie liczby użytkowników rezygnujących z odwiedzenia strony ze względu na długi czas oczekiwania. Dlatego bardzo ważne jest by serwis był umieszczony na stabilnym hostingu, gdzie serwer posiada spory zapas mocy i będzie w stanie bez problemu obsłużyć wszystkich użytkowników nawet w godzinach szczytu.

Jeżeli czas pierwszego pobierania strony jest znacznie dłuższy niż kolejne pobierania, może to oznaczać, że system cache zbyt często wygasa i większość użytkowników generuje strony zamiast pobierać je z cache.. Pobieranie stron z cache jest o wiele szybsze. Pamięć podręczna działa wielopoziomowo - nie tylko sama strona może być cachowana (są odpowiednie wtyczki do popularnych CMS jak wordpress), ale także pliki serwisu znajdujące się na dysku czy obrazy tabel w bazie danych wykorzystywane do generowania systemu.

Aby zobrazować różnice posłużmy się przykładem. Wygenerowanie dużej i skomplikowanej strony może potrwać 500-3000ms. Pobranie tej samej strony z cache na dysku potrwa 100-300ms. Jeżeli większość użytkowników pobiera strony z cache, to ich komfort pracy jest o wiele większy. Przyspieszenie działania strony to duża korzyść dla robotów wyszukiwarek. Większa szybkość działania powoduje, że roboty skanujące strony częściej będą odwiedzały stronę i lepiej ocenią jej wydajność. Algorytmy wyszukiwarek oceniają jakość strony i ilość zasobów, które mogą przeznaczyć na skanowanie danej strony. Im szybciej strona działa, tym mniej zasobów zużyją i odwiedzą nas częściej.

Podsumowanie

Szybkość strony ma kluczowy wpływ na zachowanie użytkowników stron. Google ocenia szybkość stron do ustalania pozycji w wynikach. Warto więc zadbać o to, żeby strona ładowała się jak najkrócej.

źródła: