Nowe narzędzie modułowe, które umożliwia automatyczne zbieranie danych o skuteczności z wielu źródeł.
Co to jest AutoWebPerf (AWP)?
AutoWebPerf (AWP) to narzędzie modułowe, które umożliwia automatyczne zbieranie danych o skuteczności z wielu źródeł. Obecnie dostępnych jest wiele narzędzi do pomiaru wydajności witryny w różnych zakresach (laboratorium i pola): Chrome UX Report, PageSpeed Insights czy WebPageTest. AWP oferuje integrację z różnymi narzędziami kontrolnymi w ramach prostej konfiguracji, dzięki czemu możesz stale monitorować wydajność witryny w jednym miejscu.
Wprowadzenie wskaźników internetowych oznacza, że coraz ważniejsze staje się ścisłe i aktywne monitorowanie stron internetowych. Inżynierowie zajmujący się tym narzędziem od lat przeprowadzają audyty wydajności i utworzyli AWP, aby zautomatyzować wykonywaną ręcznie, cykliczną i czasochłonną część codziennych działań. Dziś AWP osiągnął poziom dojrzałości i jest gotowy do udostępnienia wszystkim użytkownikom, aby wszyscy mogli korzystać z oferowanej przez niego automatyzacji.
Narzędzie jest dostępne w publicznym repozytorium AutoWebPerf na GitHubie.
Do czego służy AWP?
Chociaż dostępnych jest wiele narzędzi i interfejsów API do monitorowania wydajności stron internetowych, większość z nich udostępnia dane mierzone w określonym czasie. Aby odpowiednio monitorować witrynę i utrzymywać dobrą skuteczność kluczowych stron, zalecamy ciągłe pomiary podstawowych wskaźników internetowych i obserwację trendów.
AWP – ułatwia to, udostępniając silnik i gotowe integracje interfejsów API, które można programowo skonfigurować tak, aby automatyzowały powtarzające się zapytania do różnych interfejsów API do monitorowania wydajności.
Na przykład w AWP możesz ustawić na stronie głównej codzienny test, aby przechwycić dane pola z interfejsu CrUX API oraz dane laboratoryjne z raportu Lighthouse z PageSpeed Insights. Dane te można zapisywać i przechowywać, np. w Arkuszach Google, a potem wyświetlać ich wizualizację w panelu Studia danych. Program AWP automatyzuje najtrudniejsze etapy całego procesu, dzięki czemu doskonale sprawdza się w śledzeniu trendów w laboratorium i terenach w danym okresie. Więcej informacji znajdziesz poniżej w sekcji Wizualizacja wyników kontroli w Studiu danych.
Omówienie architektury
AWP to modułowa biblioteka z 3 różnymi typami modułów:
- silnik
- moduły oprogramowania sprzęgającego
- moduły gromadzące
Wyszukiwarka pobiera listę testów z oprogramowania sprzęgającego (np. z lokalnego pliku CSV), przeprowadza audyty wydajności za pomocą wybranych modułów zbierających (np. PageSpeed Insights) i zapisuje wyniki w oprogramowaniu sprzęgającym danych wyjściowych (np. w Arkuszach Google).
AWP zawiera szereg wstępnie zaimplementowanych modułów zbierających i oprogramowań sprzęgających:
- Wcześniej wdrożone narzędzia zbierające:
- Wstępnie zaimplementowane oprogramowanie sprzęgające:
- plik Arkuszy Google,
- JSON
- CSV,
Automatyzacja audytów w AWP
AWP automatyzuje audyty wydajności za pomocą preferowanych przez Ciebie platform kontrolnych, takich jak PageSpeed Insights, WebPageTest lub CrUX API. AWP umożliwia swobodny wybór, gdzie wczytywać listę testów i gdzie zapisać wyniki.
Możesz na przykład przeprowadzić kontrolę listy testów przechowywanych w Arkuszach Google i zapisać wyniki w pliku CSV, korzystając z tego polecenia:
PSI_APIKEY=<YOUR_KEY> SHEETS_APIKEY=<YOUR_KEY> ./awp run sheets:<SheetID> csv:output.csv
Powtarzające się audyty
Możesz przeprowadzać cykliczne kontrole z częstotliwością dzienną, tygodniową lub miesięczną. Możesz na przykład codziennie sprawdzać listę testów zdefiniowanych w lokalnym pliku JSON, jak poniżej:
{
"tests": [
{
"label": "web.dev",
"url": "https://web.dev",
"gatherer": "psi"
}
]
}
To polecenie odczytuje listę testów kontrolnych z lokalnego pliku JSON, przeprowadza audyty na komputerze lokalnym, a następnie przesyła wyniki do lokalnego pliku CSV:
PSI_APIKEY=<YOUR_KEY> ./awp run json:tests.json csv:output.csv
Aby codziennie przeprowadzać audyty w ramach usługi działającej w tle, możesz użyć tego polecenia:
PSI_APIKEY=<YOUR_KEY> ./awp continue json:tests.json csv:output.csv
Możesz też skonfigurować crontab w środowisku podobnym do uniksowego, aby uruchamiać AWP jako codzienne zadanie cron:
0 0 * * * PSI_APIKEY=<YOUR_KEY> ./awp run json:tests.json csv:output.csv
Więcej sposobów automatyzacji codziennych kontroli i zbierania wyników znajdziesz w repozytorium AWP na GitHubie.
Wizualizacja wyników kontroli w Studiu danych
Oprócz ciągłego pomiaru podstawowych wskaźników internetowych ważna jest możliwość oceny trendów i wykrywania potencjalnych regresji na podstawie rzeczywistych danych o użytkownikach (RUM) lub zebranych przez AWP danych z raportu na temat użytkowania Chrome (CrUX). Pamiętaj, że raport na temat użytkowania Chrome (CrUX) obejmuje 28-dniową agregację, dlatego zalecamy używanie w połączeniu z raportem CrUX własnych danych RUM, aby szybciej dostrzegać regresje.
Studio danych to bezpłatne narzędzie do wizualizacji, które ułatwia ładowanie danych o skuteczności i rysowanie trendów w postaci wykresów. Na przykład wykresy ciągów czasowych poniżej pokazują podstawowe wskaźniki internetowe na podstawie danych z raportu na temat użytkowania Chrome. Jeden z wykresów pokazuje wzrost skumulowanego przesunięcia układu w ostatnich tygodniach, co oznacza spadki stabilności układu na niektórych stronach. W takim przypadku warto skupić się na przeanalizowaniu najważniejszych problemów związanych z tymi stronami.
Aby uprościć cały proces od zbierania danych po wizualizację, możesz uruchomić AWP z listą adresów URL, aby automatycznie eksportować wyniki do Arkuszy Google. Użyj tego polecenia:
PSI_APIKEY=<YOUR_KEY> SHEETS_APIKEY=<YOUR_KEY> ./awp run sheets:<SheetID> csv:output.csv
Po zebraniu danych dziennych w arkuszu kalkulacyjnym możesz utworzyć panel Studia danych, który będzie wczytywać dane bezpośrednio z arkusza kalkulacyjnego i przedstawiać trendy w postaci wykresu ciągu czasowego. Szczegółowe informacje o konfigurowaniu AWP z arkuszami jako źródłem danych do wizualizacji w Studiu danych znajdziesz w oprogramowaniu sprzęgającym interfejsu API Arkuszy Google.
Co dalej?
AWP zapewnia prosty i zintegrowany sposób minimalizowania nakładu pracy związanego z utworzeniem stałego potoku monitorowania na potrzeby pomiaru podstawowych wskaźników internetowych i innych wskaźników wydajności. Obecnie AWP obejmuje najczęstsze przypadki użycia, a w przyszłości udostępnimy więcej funkcji do obsługi innych przypadków użycia.
Więcej informacji znajdziesz w repozytorium AutoWebPerf.