CrUX Vis to panel, który wizualizuje tygodniowe dane historyczne z interfejsu CrUX History API.
Dostęp do CrUX Vis
Aby uruchomić CrUX Vis, otwórz stronę cruxvis.withgoogle.com lub wpisz źródło lub adres URL i naciśnij Enter albo kliknij Idź:
Adres URL wizualizacji CrUX można udostępniać i dodawać do zakładek, aby mieć do niego szybki dostęp.
Czy działa we wszystkich witrynach?
Nie. Jeśli Twoja domena nie jest uwzględniona w zbiorze danych CrUX, nie będzie żadnych danych do wyświetlenia. Zbiór danych zawiera ponad 15 milionów źródeł, ale źródło, którego szukasz, może nie mieć wystarczającej ilości danych, aby można je było uwzględnić.
Częste problemy z pochodzeniem to podanie nieprawidłowego protokołu, np. http:// zamiast https://, oraz pominięcie subdomeny, gdy jest to konieczne. Niektóre witryny zawierają przekierowania, więc jeśli http://example.com przekierowuje do https://www.example.com, użyj tego drugiego adresu, który jest kanoniczną wersją źródła.
Podobnie dane na poziomie adresu URL mogą być niedostępne, nawet jeśli dane na poziomie domeny są dostępne.
Omówienie CrUX Vis
CrUX Vis ma 5 stron:
- Core Web Vitals
- Wydajność wczytywania
- Interaktywność
- Stabilność wizualna
- Wszystkie dane
Każda strona zawiera wykres przedstawiający rozkłady w czasie w ciągu ostatnich 40 tygodni (jeśli dostępne są dane).
Dane tygodniowe są aktualizowane w każdy poniedziałek, a każdy punkt danych obejmuje dane z poprzednich 28 dni. Oznacza to, że dane się nakładają.
Opcje
Na każdej stronie znajduje się sekcja Sterowanie, która umożliwia przełączanie:
- Data: dane na poziomie źródła i adresu URL
- Urządzenie: telefon, komputer, tablet lub wszystkie dane
- Okresy
- Wyświetlanie: 75 percentyl, rozkłady lub oba te elementy
Core Web Vitals
Pierwsza strona zawiera przegląd wydajności Core Web Vitals adresu URL lub origin. To najważniejsze dane UX, na których skupienie się zaleca Google.
Na stronie Core Web Vitals możesz sprawdzić, jak użytkownicy oceniają dany adres URL lub origin, oraz które wskaźniki wymagają poprawy, ponieważ nie mieszczą się w zalecanych limitach lub pogarszają się.
Na stronie znajdują się linki do 3 kolejnych sekcji, w których możesz dowiedzieć się więcej.
Wydajność wczytywania
Strony Wydajność wczytywania zawierają wszystkie dane związane z wczytywaniem w interfejsie CrUX History API.
Ta strona zawiera te dane:
- Największe wyrenderowanie treści (LCP)
- Pierwsze wyrenderowanie treści (FCP)
- Czas do pierwszego bajtu (TTFB)
- Typ zasobu Największe wyrenderowanie treści (LCP)
- Podsekcje obrazu największego wyrenderowania treści (LCP)
- Czas błądzenia (RTT)
- Typy nawigacji
- Formaty
Interaktywność
Strona Interaktywność zawiera wszystkie dane związane z interaktywnością w interfejsie CrUX History API.
Ta strona zawiera te dane:
Stabilność wizualna
Strona Stabilność wizualna zawiera wszystkie dane dotyczące stabilności wizualnej w interfejsie CrUX History API.
Ta strona zawiera te dane:
Wszystkie dane
Strona Wszystkie dane zawiera wszystkie dane z interfejsu CrUX History API w jednym miejscu:
Ta strona zawiera te dane:
- Największe wyrenderowanie treści (LCP)
- Interakcja do kolejnego wyrenderowania (INP)
- Skumulowane przesunięcie układu (CLS)
- Pierwsze wyrenderowanie treści (FCP)
- Czas do pierwszego bajtu (TTFB)
- Typ zasobu Największe wyrenderowanie treści (LCP)
- Podsekcje obrazu największego wyrenderowania treści (LCP)
- Czas błądzenia (RTT)
- Typy nawigacji
- Formaty
Najczęstsze pytania
Oto niektóre z najczęstszych pytań dotyczących wizualizacji CrUX:
Kiedy warto używać narzędzia CrUX Vis zamiast innych narzędzi?
CrUX Vis służy do wyświetlania danych historycznych na przestrzeni czasu. Inne narzędzia, takie jak PageSpeed Insights, mogą wyświetlać tylko najnowsze dane.
Zobacz też Narzędzia CrUX.
Jak uzyskać dane wyświetlane przez CrUX Vis?
Wszystkie dane w CrUX Vis pochodzą z interfejsu CrUX History API, o który można wysyłać zapytania za pomocą klucza interfejsu CrUX API.
Jak dostosować CrUX Vis?
CrUX Vis nie oferuje opcji dostosowywania poza elementami sterującymi. Użytkownicy, którzy chcą utworzyć niestandardowy panel, mogą użyć interfejsu CrUX History API, który obsługuje CrUX Vis, aby wyświetlać dane w wybrany przez siebie sposób. Istnieje wiele narzędzi innych firm, które umożliwiają alternatywne wizualizacje tych danych.