- Szybki i łatwy: Google PageSpeed Insights
- Zawsze pod ręką: Narzędzia dla programistów Chrome (narzędzia dla programistów)
- WebPageTest.org - wszystko w jednym
- Google Analytics - rzeczywiste oszacowanie prędkości
- Wygodne oszacowanie prędkości: strona przyspieszenia.
- Wyniki
Doktorat Nikolay Lavlinsky, dyrektor techniczny Method Method Lab LLC 
Najważniejszym elementem procesu przyspieszania witryny jest obiektywna ocena prędkości. Potrzebujemy narzędzia, które pozwoli nam szybko i dokładnie zrozumieć, jak strona działa pod względem szybkości i czy istnieje efekt działań optymalizacyjnych. W tym artykule przyjrzymy się całej gamie dostępnych narzędzi do oceny szybkości witryny, więc będzie ona przydatna zarówno dla właścicieli witryn, jak i profesjonalnych programistów.
Szybki i łatwy: Google PageSpeed Insights
Ta usługa ( https://developers.google.com/speed/pagespeed/insights/ ) pozwala na dostateczną ocenę jakościową stopnia optymalizacji strony dla podstawowego zestawu reguł. Jednocześnie otrzymujemy 2 szacunki prędkości: dla komputerów i urządzeń mobilnych. Oceny podane są w punktach, maksymalnie - 100.
Ogólnie rzecz biorąc, usługa jest wygodna i użyteczna, ponieważ pokazuje konkretne problemy dla każdej reguły. Ponadto możesz pobrać zoptymalizowane wersje zasobów.
Istnieje jednak kilka słabych punktów:
- Lokalizacja serwera nie jest brana pod uwagę (oceniany jest tylko czas odpowiedzi HTML).
- Reguły dotyczą tylko HTTP / 1.1, dla HTTP / 2 wiele zaleceń nie ma znaczenia.
- Być może błędna definicja kompresji danych (przeklina, gdy nie ma problemów).
- Brak oszacowania czasu ładowania witryny (tylko zgodność z zasadami).
- Istnieją problemy z zaleceniami i zoptymalizowanymi zasobami (nie można ślepo spełnić wszystkich wymagań).
Zawsze pod ręką: Narzędzia dla programistów Chrome (narzędzia dla programistów)
Jeśli masz przeglądarkę na Blink (Chromium, Google Chrome, Yandex Browser, Opera), masz szczęście. Faktem jest, że zespół Google aktywnie rozwija narzędzia dla programistów pod względem szybkości witryn.
W rezultacie narzędzia programistów w tych przeglądarkach mają potężne narzędzia do analizy witryn.
Najciekawszą kartą jest: Sieć. W tym miejscu możesz wyłączyć pamięć podręczną przeglądarki (aby emulować pierwszą wizytę), ustawić ograniczenie prędkości sieci (ograniczanie).
Metodologia testowania może wyglądać następująco: wyłącz pamięć podręczną, włącz ograniczenie prędkości sieci do żądanego poziomu, włącz nagrywanie zrzutów ekranu i ponownie załaduj stronę. Natychmiast otrzymujemy obiektywne czasy renderowania strony. Jeśli filtrujesz typy żądań w panelu, otrzymujemy zasoby, które blokują renderowanie (wybierz CSS, JS, Doc, Font).
Zakładka Oś czasu jest przeznaczona do szczegółowej analizy procesu pracy strony i jest przeznaczona dla profesjonalistów.
W narzędziach programisty dostępny jest także tryb widoku urządzenia, w którym można wyświetlać witrynę za pomocą emulacji urządzenia mobilnego.
Aby sprawdzać reguły PageSpeed, możesz zainstalować wtyczkę przeglądarki (PageSpeed) i przeanalizować ją bezpośrednio w tym panelu.
Praktyczne te same funkcje pozwalają użytkownikom wtyczki FireBug w Mozilla Firefox.
Główny wniosek: wyrafinowane cienkie narzędzie, głównie dla specjalistów.
WebPageTest.org - wszystko w jednym
Serwis WebPagetest.org Stworzony przez entuzjastów prędkości witryny jako uniwersalne narzędzie do oceny prędkości witryny. Podstawowa różnica: architektura rozproszona. Istnieje wiele agentów testowych dystrybuowanych na całym świecie. Dzięki temu możesz uzyskać obraz szybkości ładowania strony z dowolnego regionu (w tym z Moskwy).
Większa elastyczność usług pozwala tworzyć złożone testy, ale podstawowe raporty można uzyskać po prostu wprowadzając adres strony i punkt testowy.
Na wyjściu otrzymujemy całkowe szacunki w sześciu kierunkach: czas odpowiedzi (pierwszy bajt), połączenia podtrzymujące, kompresja obrazu, buforowanie zawartości statycznej i wykorzystanie CDN. Nawet te szacunki w pięciopunktowej skali są wystarczające do szybkiej analizy.
Raport zawiera również szczegóły dotyczące procesu ładowania strony: historię zapytań, zrzuty ekranu w różnych punktach czasowych, raport dotyczący składu strony, połączenia przeglądarki.
Podczas przeprowadzania kilku testów można utworzyć wideo porównawcze (po prawej i lewej stronie będą dwie witryny).
Najważniejsze korzyści: rozproszone agenty testowe, szczegółowe raporty i możliwość tworzenia porównawczych filmów wideo.
Google Analytics - rzeczywiste oszacowanie prędkości
Systemy Analytics mają teraz własne raporty dotyczące szybkości ładowania stron witryn. Głównym celem tych raportów jest uzyskanie danych od rzeczywistych użytkowników, z uwzględnieniem zmian w czasie. Z reguły analityka nie dostarcza szczegółowych danych dotyczących prędkości i zaleceń dotyczących przyspieszenia. Wykorzystanie danych od prawdziwych użytkowników jest bardzo przydatne w ocenie skuteczności przyspieszania witryn (można porównać okres przed i po przyspieszeniu).
Wygodne oszacowanie prędkości: strona przyspieszenia.
Nasz rozwój: bezpłatna usługa oceny prędkości Przyspieszenie witryny. . Nadaje się do szybkiej diagnozy, nie wymaga umiejętności zawodowych. Tutaj otrzymasz prosty i dość szczegółowy raport z testu, który pozwala dokładnie zrozumieć, czy występują problemy z prędkością. Ważna cecha: porównanie z konkurentami, otrzymujesz wyniki swojej strony i konkurenta w jednym stole.
Wyniki
Sprawdziliśmy podstawowe narzędzia do oceny szybkości witryn, wszystkie z nich są bezpłatne i dostępne dla wszystkich.
Jak widać, każde narzędzie ma własną specjalizację. Jednocześnie właścicielowi witryny można polecić prostą usługę Google PageSpeed Insights. A dla profesjonalistów i twórców stron internetowych wszystko jest bardziej skomplikowane.
Idealne narzędzie dla profesjonalistów nie istnieje. Aby przeprowadzić szczegółową analizę szybkości witryn, musisz użyć zestawu narzędzi.
Dla profesjonalne witryny przyspieszenia skontaktuj się z nami.