Jak działają testy szybkości witryny?

Zaktualizowano: 2022 / Autor artykułu: Timothy Shim

Być może znasz powiedzenie, że „obraz wart jest tysiąca słów”. Okazuje się, że jedna sekunda jest warta około 3.4% konwersji dla Twojej witryny. To ogromna ilość utraconego biznesu z powodu wolnego ładowania stron. 

Jak więc sprawdzić, czy Twoja witryna ładuje się wystarczająco szybko? Szybkość witryny Testy to świetny sposób, aby się dowiedzieć, ale istnieje wiele różnych testów, z których możesz skorzystać.

W tym artykule dowiesz się, jak prawidłowo przeprowadzać testy szybkości, interpretować wyniki i wykorzystywać te informacje do poprawy szybkości witryny.

Jak prawidłowo przetestować szybkość witryny?

Możesz użyć wielu narzędzi do przeprowadzenia testu szybkości witryny. Niektóre dostarczą ci dużo informacji, a inne mogą nie dać ci wystarczającej ilości. Najlepszym sposobem na uzyskanie najdokładniejszych wyników jest użycie kilku narzędzi lub przeprowadzenie wielu testów w ten sam sposób. 

Wyjaśnienie opóźnień
Czas podróży danych jest ograniczony fizyczną odległością. Rzeczywiste czasy odpowiedzi serwera różnią się w zależności od lokalizacji serwerów.

Należy pamiętać, że wyniki często zależą od Twojego serwer wWW lokalizacja w stosunku do punktu początkowego testu. Im bardziej te dwie rzeczy są od siebie oddalone, tym dłużej dane muszą podróżować, co może mieć wpływ na wyniki testu prędkości.

Z tego powodu zawsze powinieneś wybierz serwer WWW w pobliżu miejsca, w którym spodziewasz się największej liczby odwiedzających. Na przykład witryna obsługująca głównie ruch z USA powinna znajdować się gdzieś w Stanach Zjednoczonych.

Jeśli obsługujesz globalną publiczność, uruchomienie testu szybkości witryny z kilku lokalizacji testowych może dać lepsze wyobrażenie o tym, jak odległość wpływa na odwiedzających z różnych lokalizacji.

Idealna metodologia testowania prędkości serwera

Twoja metodologia testu powinna obejmować kilka przebiegów i wyglądać mniej więcej tak:

  1. Uruchom test z lokalizacji 1 i powtórz 3 razy, zapisując wyniki wszystkich testów.
  2. Powtórz proces z innej lokalizacji testowej, podobnie rejestrując dane. Polecam testowanie z co najmniej trzech strategicznych obszarów; Stany Zjednoczone, Europa i Azja.

Polecane narzędzia do testowania szybkości witryny

Przykład testów szybkości witryny
Przykład — testy szybkości witryny, które przeprowadziliśmy dla naszych witryn testowych hostowanych pod adresem Interserver (Więcej informacji tutaj) z różnych lokalizacji za pomocą WebPageTest.org

Narzędzia, które dostarczają najwięcej informacji o wydajności Twojej witryny, wykorzystują prawdziwych, ludzkich użytkowników do testowania szybkości Twojej witryny. Na przykład Pingdom's Full Page Test używa prawdziwych przeglądarek (IE9, Chrome i Firefox) w rzeczywistych lokalizacjach (Stany Zjednoczone, Australia, Europa) w celu załadowania Twojej witryny i dostarczenia raportów wydajności.

Ponieważ testuje Twoją witrynę jako kompletną całość, w tym wszystkie obiekty na stronie, może oferować sugestie dotyczące poprawy wydajności i wglądu w to, co może spowalniać Twoją witrynę.

Istnieje jednak wiele innych przydatnych narzędzi do testowania szybkości witryny, które możesz wziąć pod uwagę, w tym:

Pełną listę tych narzędzi znajdziesz w naszym Lista 20 darmowych narzędzi do testowania szybkości witryny.

Zrozumienie terminologii testów prędkości

Test szybkości strony internetowej jest pomocny na wiele sposobów, ale tylko pod warunkiem, że rozumiesz, jak korzystać z wyników. Tylko wiedząc, co oznaczają dane, możesz wprowadzić odpowiednie poprawki, aby poprawić wydajność swojej witryny.

Zanim zagłębimy się w interpretację wyników testów szybkości, warto zapoznać się z niektórymi terminami. Terminy te kojarzą się głównie z networkingiem.

Utajenie

Czas potrzebny na wszystko, co dzieje się między kliknięciem linku lub wpisaniem adresu w przeglądarce a wyświetleniem wyników na ekranie. Standardowy pomiar opóźnienia jest w milisekundach (ms).

Ping

Ping, często mylony z opóźnieniem, jest precyzyjnym terminem używanym do opisania czasu potrzebnego na opuszczenie komputera przez pojedynczy pakiet danych i dotarcie do miejsca docelowego. Podobnie jak Latency, mierzysz Ping w ms.

Pierwszy bajt lub czas do pierwszego bajtu (TTFB)

TTFB to miara służąca do wskazywania reaktywności serwera WWW. TTFB mierzysz jako czas trwania od użytkownika lub klienta zgłaszającego żądanie HTTP do odbioru pierwszego bajtu przez przeglądarkę klienta. 

Rozmiar strony

Rozmiar strony internetowej to rozmiar całej jej zawartości. Aby przeglądarka internetowa mogła całkowicie załadować stronę internetową, musi pobrać całą zawartość, w tym Kod HTML, obrazy, arkusze stylów itp. Im większa suma tych treści, tym więcej czasu zajmie wczytanie.

Pierwsza interaktywna

Większość przeglądarek internetowych umożliwia użytkownikom rozpoczęcie wykonywania czynności na stronie internetowej przed pełnym załadowaniem. First Interactive to czas spędzony w Twojej witrynie, zanim to się stanie.

W zależności od wybranego narzędzia do testowania szybkości witryny prawdopodobnie napotkasz więcej terminów. Obejmują one:

I więcej. Postaraj się dowiedzieć jak najwięcej o znaczeniu tych terminów, jeśli zamierzasz skorzystać z testu, który zawiera powyższe dane.

Interpretowanie wyników testu szybkości

Google PageSpeed ​​Insights zapewnia szybką ocenę Twojego wydajność witryny.

Jak widać z powyższej terminologii, zastosowanie jednej metody interpretacji do wszystkich narzędzi do testowania szybkości witryny może być trudne.

Z tego powodu użyję jednego narzędzia jako przykładu – Google Insights PageSpeed.

Google PageSpeed ​​Insights jest doskonały, ponieważ zapewnia go Google i najprawdopodobniej pokaże, co woli gigant wyszukiwania. Jest również niezwykle przyjazny dla użytkownika, zapewniając wizualne wyniki i porady dotyczące rozwiązywania wykrytych problemów.

Google testuje oddzielnie wydajność urządzeń mobilnych i komputerów stacjonarnych i skupia się na czterech kluczowych elementach: pierwsze wyrenderowanie treści (FCP), opóźnienie pierwszego wejścia (FID), największe wyrenderowanie treści (LCP) i skumulowane przesunięcie układu (CLS).

Każdy testowany obszar zwróci wynik w ciągu kilku sekund i pasek wskazujący jakość. Zielony oznacza dobry, pomarańczowy wymaga poprawy, a czerwony wymaga pilniejszej uwagi.

Przewijanie strony w dół zapewni podział poszczególnych obszarów testowych i czynników wpływających na każdy z nich. Możesz użyć tego do wprowadzenia chirurgicznych ulepszeń na swojej stronie internetowej.

Przeczytaj również

Rozwiązywanie problemów z wynikami testu powolnej szybkości witryny

Dane wyniku testu prędkości — wykres wodospadu
Wykresy kaskadowe, zwykle dostarczane przez większość świetnych narzędzi do testowania prędkości, pokazują szczegółowy postęp ładowania elementów strony internetowej, co pozwala zobaczyć, co zajmuje więcej czasu. 

Większość powolnych stron internetowych jest wynikiem podobnych niedociągnięć. Na przykład wysokie czasy CLS wynikają z nieprawidłowej optymalizacji obrazów. Jednak biorąc pod uwagę liczbę obszarów wymagających uwagi, nie można ich kompleksowo omówić.

Niektóre typowe problemy i rozwiązania obejmują:

Zmniejsz nieużywany JavaScript

Dynamiczne strony internetowe (takie jak te działające na WordPress ) często napotykają ten problem. Możesz rozwiązać ten problem, używając dobrej wtyczki pamięci podręcznej, aby zmniejszyć nadmiarowość JavaScript.

Zmniejsz wpływ kodu stron trzecich

Wiele dzisiejszych witryn jest modułowych i korzysta z komponentów różnych programistów (na przykład Google, Facebook, Fonts itp.). Ta kombinacja często powoduje brak spójności, który wpływa na wydajność. Usprawnij swoją witrynę i korzystaj z jak najmniejszej liczby różnych źródeł kodu.

Skróć początkowy czas odpowiedzi serwera

Zasadniczo Google mówi Ci, że Twój serwer internetowy jest do niczego. Niski poziom hostingu często skutkuje niską prędkością i niewiele możesz zrobić, poza przejściem do innego hosting provider.

Elementy obrazu nie mają wyraźnej szerokości i wysokości

Wielu właścicieli witryn popełnia błąd polegający na zwykłym przesyłaniu zdjęć bez dalszych poprawek. Podczas przesyłania obrazów określ parametry, aby uniknąć mylenia przeglądarek internetowych i powodowania opóźnień w czasie ładowania.

Wyświetlaj obrazy w formatach nowej generacji

W przypadku obrazów ważne są nie tylko wymiary, ale także format obrazu. Formaty nowej generacji, takie jak WebP, zwiększają kompresję, przyspieszając pobieranie obrazów przez Internet.

Obsługuj zasoby statyczne za pomocą wydajnej polityki pamięci podręcznej

Niektóre treści są pobierane i przechowywane w ich przeglądarce, gdy odwiedzający ładują Twoją witrynę. Ten proces pomaga poprawić wydajność w przypadku powtórnych wizyt. Ustawienie zasad pamięci podręcznej informuje przeglądarki, jak długo powinny przechowywać te obrazy przed powtórzeniem żądania.

Unikaj nadmiernego rozmiaru DOM

DOM odnosi się do rozmiaru Twojej strony internetowej. Otrzymanie nadmiernego ostrzeżenia DOM oznacza, że ​​musisz rozważyć usprawnienie strony. Możesz to zrobić na wiele sposobów, na przykład zmniejszając liczbę obrazów na stronie lub używając mniejszej liczby sekcji.

Unikaj dużych przesunięć układu

Dynamiczne strony internetowe generują sekcje stron w locie. Gdy na stronie znajduje się wiele takich elementów o zmiennym rozmiarze, układ będzie się często zmieniał, co skutkuje słabą obsługą użytkownika. Tam, gdzie to możliwe, odpowiednio zdefiniuj elementy strony.

Możliwości są nieskończone. Zanim spróbujesz rozwiązać te problemy jeden po drugim, radzę dokładnie zoptymalizować swoją witrynę. Istnieje wiele powszechnie akceptowanych ulepszeń wydajności, które właściciele witryn muszą wdrożyć.

Aby dowiedzieć się więcej, przeczytaj WHSRprzewodnik po poprawa wydajności Twojej strony internetowej.

Ostatnie przemyślenia na temat testów szybkości witryny

Testy szybkości witryny to świetny sposób na uzyskanie obrazu wydajności witryny. Narzędzia te są łatwe w użyciu i generalnie dostarczają stosunkowo dokładnych danych. Oczywiście pomaga również fakt, że wiele doskonałych narzędzi do testowania szybkości witryny jest bezpłatnych.

Należy jednak pamiętać, że kluczowym słowem w powyższych stwierdzeniach jest „migawka”. Testy szybkości witryny są statyczne, a drobne zmiany w witrynie mogą znacznie zmienić wyniki. Z tego powodu lepiej zaplanować okresowe oceny wydajności swojej witryny i jak najszybciej naprawiać nowo wykryte problemy.

Przeczytaj więcej

O Timothy Shim

Timothy Shim jest pisarzem, redaktorem i tech geekiem. Rozpoczynając karierę w dziedzinie technologii informatycznych, szybko znalazł drogę do druku i od tego czasu współpracował z międzynarodowymi, regionalnymi i krajowymi tytułami medialnymi, takimi jak ComputerWorld, PC.com, Business Today i The Asian Banker. Jego wiedza specjalistyczna dotyczy technologii zarówno z punktu widzenia konsumenta, jak i przedsiębiorstwa.