Dlaczego prędkość ładowania strony ma znaczenie
Wszyscy wiedzą, że powolna strona internetowa jest zła. Ze względu na powolną stronę powstają poważne problemy w rozwiązywaniu codziennych zadań. Czasami jest to po prostu denerwujące. Często spowolnienie witryny jest awarią, odmową usługi – powoduje, że ludzie muszą czekać na załadowanie witryny, a nie zmuszają ich do opuszczenia. Jest to istotne w przypadku radykalnego spowolnienia witryny, na przykład gdy strona zaczyna renderować 8-10 sekund po kliknięciu.
Nawet przy względnie korzystnej sytuacji na stronie (z dużą prędkością pobierania przewodowego połączenia z Internetem i nowoczesnym komputerem) opóźnienia w pobieraniu mogą prowadzić do utraty odbiorców i niższych współczynników konwersji.
Główne składniki prędkości witryny
Szybkość witryny i jej stron dotyczy dwóch stron: klienta i serwera. Do tej pory każda z tych części jest równoważna końcowemu wynikowi. Ale każdy ma swoje własne cechy.
Aby zrozumieć, jaki jest czas wczytywania witryny dla strony w witrynie, spójrzmy na ten proces. W rezultacie będziemy mogli zrozumieć, gdzie znajdują się możliwości optymalizacji serwera i klienta.
Pełny proces pobierania strony (pierwsza wizyta) jest następujący:
- Zapytanie DNS według nazwy strony.
- Połączenie z serwerem przez IP (połączenie TCP).
- Ustanawianie bezpiecznego połączenia podczas korzystania z HTTPS (połączenie TLS).
- Żądaj strony HTML według adresu URL i oczekiwania serwera (żądanie HTTP).
- Ładowanie HTML.
- Analizowanie dokumentu HTML po stronie przeglądarki, budowanie kolejki zapytań w zasobach dokumentu.
- Ładowanie i analizowanie stylów CSS.
- Ładowanie i wykonywanie kodu JS.
- Rozpoczęcie renderowania strony, wykonanie kodu JS.
- Pobieranie czcionek internetowych.
- Ładowanie zdjęć i innych elementów.
- Koniec renderowania strony, wykonanie odroczonego kodu JS.
W tym procesie niektóre pozycje występują równolegle, niektóre mogą zmieniać miejsca, ale istota pozostaje taka sama.
Optymalizacja serwera obejmuje etapy od pierwszego do czwartego włącznie. Kroki od 5 do 12 to optymalizacja klienta. Czas spędzony na każdym z tych etapów jest indywidualny dla każdej witryny, więc musisz uzyskać dane o witrynie i zidentyfikować główne źródło problemów.
Jak uruchomić test szybkości ładowania strony?
Wpisz adres URL, który chcesz sprawdzić wykorzystując test szybkości strony. Test na sprawdzanie szybkości strony sprawdzi ładowanie strony lub witryny w ciągu kilku sekund. Narzędzie dostarczy raport na temat wskaźników rozkładu obciążenia strony.