Speedcurve monitorowanie szybkości ładowania stron. Jest to narzędzie płatne, które posiada dwie wersje Lux i Sythetic. Aplikacja pozwala na bieżąco monitorować szybkość ładowania naszych aplikacji i wychwytywać słabe punkty.
Ogólne
W ramach prowadzenia testów szybkości ładowania stron możemy skorzystać z trzech desktopowych przeglądarek, oraz kilkunastu emulatorów urządzeń mobilnych.
W ramach testowania swojej aplikacji webowej możesz też wybrać swój region z którego będzie badana strona. Poniżej na mapie wskazano regiony z których możemy symulować swoje testy.
Wersja Synthetic
Syntetyczne monitorowanie szybkości ładowania stron jest oparte na WebPageTest. Jest to uważane często za najlepsze syntetyczne narzędzie do testowania wydajności. Wiedza o tym czy Twoja aplikacja działa szybciej niż konkurencji jest w obecnych czasach niezbędna.
Dodawanie strony
Po zalogowaniu wejdź do Settings i przechodzimy do Add Page.
Możemy dodać jeden lub wiele adresów URL Jeżeli potrzebujemy dodajemy autentyfikację – user + password. Dodatkowo poniżej możemy dodać cykliczność odpalania testu by automatycznie sprawdzać wskazane strony www.
Sprawdzanie szybkości ładowania
Po przeprowadzeniu testu możemy przejść do sekcji Synthetic-Site i zweryfikować jak szybko ładuje się nasza strona. Aplikacja posiada wiele możliwości weryfikacji w dashoardach. Pierwszym przykładem może być Page Load Times:
Uzyskujemy też Lighthouse scores:
Pośród innych okien możemy otrzymać m.in. informacje o:
- Hero Rendering Times
- FilmStrip
- Rendering Times
- Interactive
- CPU Time
- Critical Blocking Request
- Content RequestsContent Sizes
W ramach naszej pracy możemy porównywać poszczególne iteracje testowe by wiedzieć czy przeprowadzone zmiany w kodzie dały pozytywny czy negatywny skutek.
Zaawansowane
W ramach naszych testów możemy utworzyć ulubiony dashoboard by dodawać różnego rodzaju alerty. W sekcji Favourites wybierz Add Dashboard. Możemy otrzymywać raporty na e-mail, bądź w ramach webhocka dodać integrację np. ze Slackiem.
Następnie będąc już w tej tablicy możemy dodawać nasze strony i konkretne parametry do monitorowania.
Jak widzimy na powyższym zrzucie ekranu możemy dodać monitoring TTFB i ustawić poziom akceptowalnego czasu odpowiedzi. Wśród możliwych metryk, możemy ustawić m.in. Fully Loaded, Visualy Complete, JS Size czy poszczególne Lighthouse score.
Wersja Lux
Wersja Lux to skrót od (Live User eXperience), czyli monitorowanie na realnych użytkowaniach. W ramach tej wersji możemy śledzić takie same parametry jak w wersji Synthetic, jednakże testy nie są przeprowadzane w środowisku laboratoryjnym, tylko na realnych użytkowaniach.
W ramach testów przy użyciu wersji LUX możemy uzyskać informację z jakich urządzeń korzystają nasi użytkownicy.
Istotnym elementem jest zadowolenie naszych userów. Wykresy pokazują procentowy udział jak to się prezentuje na realnych użytkownikach.
Wersja LUX posiada dokładną instrukcję w jaki sposób zaimplementować ją na swoim serwisie.
Dodatek
Jest możliwość testowania aplikacji, która jest w fazie tworzenia , czy też porównania stron w ramach testów A/B.
Jeżeli chcesz testować aplikację, która tworzycie to należy opatrzyć hasłem adres url. Wówczas aplikacja Speedcurve uderzy do naszego adresu url a następnie dokona wejścia poprzez login i hasło.
W przypadku testów A/B aplikacji, możemy zastosować trick z ciasteczkami. Można wywoływać stronę w trybie normalnym, zaś drugą dla osób ze specjalnym ciasteczkiem. Podając ciasteczko w aplikacji spowodujesz przejście do nowej wersji. Działając w ten sposób, będziesz w stanie porównać różne metryki.
Cena
Przejdźmy do tego ile to kosztuje. Aplikacja posiada wersję Synthetic, gdzie „w warunkach laboratoryjnych” sprawdzana jest nasza aplikacja webowa, a także LUX gdzie dodajemy kod do naszej strony i badamy na podstawie realnych użytkowników.
Podsumowanie
Speedcurve monitorowanie szybkości ładowania stron to jedno z narzędzi, które pozwala nam automatycznie monitorować szybkość ładowania stron. Dodam tylko, że recenzja jest moim przedstawieniem aplikacji na podstawie jej produkcyjnego użycia. O innych narzędziach godnych uwagi, szerzej piszemy w niniejszym dziale.
