Core Web Vitals Visualizer: Wizualizuj Core Web Vitals dowolnej strony internetowej
RUM Visualizer to rozszerzenie Chrome opracowane przez MarketingTracer. Pozwala użytkownikom wizualizować podstawowe wskaźniki wydajności strony internetowej. Dzięki temu rozszerzeniu można łatwo uzyskać dostęp i zrozumieć ważne metryki, takie jak Największy Malunek Zawartości (LCP), Pierwsze Opóźnienie Wejścia (FID), Kumulatywny Przesunięcie Układu (CLS), Pierwszy Malunek Zawartości (FCP), Interakcja do Następnego Malunku (INP) i Czas do Pierwszego Bajtu (TTFB).
Rozszerzenie oferuje wiele funkcji dla każdej metryki. Dla LCP można uzyskać wartości RUM, zwizualizować LCP i rozłożyć go na składniki, takie jak Czas do Pierwszego Bajtu, Opóźnienie Ładowania Zasobu, Czas Ładowania Zasobu i Opóźnienie Renderowania Elementu. Podobnie dla FID można uzyskać wartości RUM, zwizualizować FID i zbadać jego rozkład.
Można uzyskać wartości CLS i wyświetlić i animować ich rozkład. Wartości FCP można również uzyskać i rozłożyć. Można zwizualizować wartości INP i zbadać ich rozkład. Wartości TTFB można uzyskać i rozłożyć do analizy.
Poza tymi funkcjami, rozszerzenie oferuje również łatwe opcje debugowania. Można emulować wolne warunki sieciowe (3g) oraz włączać i wyłączać buforowanie dla bieżącej strony. Te opcje pomagają w identyfikowaniu i rozwiązywaniu problemów wydajnościowych.
Rozszerzenie przeszło kilka aktualizacji, wersja 1.2 dodaje obszerne informacje o LCP, wersja 1.4 wprowadza lewe menu boczne i dodatkowe informacje o blokujących renderowanie zasobach, a wersja 1.5 zawiera ulepszenia kodu i układu oraz eksperymenty strony. Wersja 1.6 wprowadza lepszy rozkład INP i drobne ulepszenia kodu, a wersja 1.7 umożliwia użytkownikom logowanie zdarzeń, długich zadań i długich klatek animacji do konsoli podczas analizy INP.
Dzięki Core Web Vitals Visualizer, twórcy stron internetowych i entuzjaści wydajności mogą uzyskać cenne informacje na temat wydajności dowolnej strony internetowej i zoptymalizować ją dla lepszych doświadczeń użytkowników.
