Narzędzie do mierzenia wydajności w 2024 roku i kolejnych latach

Panel wydajności w Narzędziach deweloperskich w Chrome od ponad 15 lat pomaga deweloperom w mierzeniu i optymalizowaniu wydajności w czasie działania. Panel ten zaczął się od sekcji „Oś czasu”, a potem przekształcił się w panel Skuteczność, który znasz dzisiaj.

W tym czasie wprowadziliśmy też inne wydajne produkty i funkcje. Lighthouse został wprowadzony w 2016 roku, aby ułatwić znajdowanie możliwości optymalizacji. Eksperymentalny panel Statystyki wydajności został wprowadzony w 2022 r. w celu przetestowania nowych sposobów wyświetlania statystyk skuteczności.

Panel Wydajność zawiera mnóstwo danych i funkcji, które pomagają deweloperom dokładniej analizować problemy z wczytywaniem stron i wydajnością w czasie działania. Ale bądźmy szczerzy: trudno jest go używać i trudno jest zidentyfikować największe możliwości poprawy wydajności strony. Ponadto inne narzędzia, które pomagają odfiltrowywać nieistotne informacje i szybko wyodrębniać możliwości, np. Lighthouse, nie są już powiązane z panelem Wydajność.

Aby ułatwić deweloperom identyfikowanie i powtarzanie problemów z wydajnością, wprowadzimy funkcje i dane z Lighthouse oraz z panelu Statystyki wydajności, integrując je z dotychczasowym panelem Wydajność. Aby zwiększyć skuteczność panelu dotyczącego wydajności jako narzędzia do optymalizacji wydajności witryny, skupiamy się też na interfejsie użytkownika i łatwości obsługi.

Jaki jest wynik? Jeden panel – prostszy i bardziej wydajny niż kiedykolwiek wcześniej – zawierający wszystkie dane i statystyki dotyczące skuteczności.

Łatwiejsze podejmowanie działań dotyczących wydajności witryny

Twoja opinia potwierdza, że duża gęstość informacji zwiększa problemy z użytkowaniem. Aktywnie pracujemy nad poprawkami i funkcjami, które ułatwią Ci pracę. Kluczowe ścieżki optymalizacji, takie jak poprawa podstawowych wskaźników internetowych, są traktowane priorytetowo. Planujemy wprowadzić funkcje takie jak adnotacje, które umożliwią oznaczanie znalezionych informacji i udostępnianie wniosków kolegom. Wykrywanie korelacji w danych ułatwia zrozumienie złożonego systemu, ponieważ daje więcej możliwości odkrywania zależności między danymi, np. między żądaniami sieciowymi a działalnością głównego wątku.

W miarę tworzenia nowych funkcji będziemy je udostępniać, a co kilka miesięcy będziemy informować o nowych możliwościach panelu. Jeszcze chwila Wkrótce zobaczysz nowe funkcje.

Moc Lighthouse w panelu Wydajność

Zauważyliśmy, że deweloperzy korzystają zarówno z panelu Lighthouse, jak i panelu Performance, a przełączanie się między nimi jest trudne. Ponadto podjęcie działań w odpowiedzi na wyniki Lighthouse może wymagać przejścia do panelu Wydajność, aby uzyskać więcej kontekstu. Powoduje to problemy, ponieważ opis skuteczności strony jest odseparowany od szczegółowych danych o skuteczności.

Zamierzamy zintegrować analizę wydajności Lighthouse z panelem Wydajność. Dzięki tej integracji Lighthouse będzie wskazywać najważniejsze możliwości poprawy wydajności strony w panelu Wydajność, podając wszystkie szczegóły potrzebne do podjęcia działań.

Po przeniesieniu wszystkich funkcji związanych z wydajnością do panelu Wydajność niezależny panel Lighthouse w DevTools stanie się zbędny i zostanie wycofany. Ten panel zostanie wycofany dopiero w drugiej połowie 2025 r. Trzeba wyraźnie zaznaczyć, że Lighthouse nie zniknie.

Zrzut ekranu z panelem Wydajność z logo Lighthouse

Lighthouse już na stałe zagościł w naszych usługach

Moduł npm Lighthouse oraz raport Lighthouse w PageSpeed Insights (w tym interfejs PSI API) nie zostaną wycofane. Stale dbamy o dostępność i jakość Lighthouse, czyli narzędzia typu open source, które można używać w preferowanym środowisku dewelopera do oceny szybkości działania strony.

Ta integracja pozwala nam zwiększyć możliwości Panelu wydajności i Lighthouse, aby deweloperzy mogli analizować wczytywanie, responsywność i stabilność treści.

Eksperymentalny panel Statystyki wydajności zostanie wycofany

Panel Statystyki wydajności został wprowadzony jako eksperyment, aby sprawdzić, jak możemy lepiej rozwiązać 3 kluczowe problemy: zmniejszyć gęstość informacji w panelu Wydajność, umożliwić analizę na podstawie przypadków użycia i skrócić czas nauki związany z korzystaniem z panelu Wydajność.

Dzięki opiniom deweloperów dowiedzieliśmy się bardzo dużo na temat tego eksperymentu. Potwierdiliśmy, że analiza oparta na konkretnym przypadku użycia, np. „Chcę zoptymalizować LCP” lub „Chcę zoptymalizować strony pod kątem większej responsywności”, jest niezwykle przydatna, a funkcje takie jak śledzenie zmian układu znacznie ułatwiają diagnozowanie i ulepszanie danych.

Deweloperzy uznali też, że panel Statystyki skuteczności jest bardziej przystępny niż panel Skuteczność, co potwierdza, że mniejsza gęstość informacji jest atrakcyjna. Jednak w wielu przypadkach zmniejszona gęstość miała swoje konsekwencje: deweloperzy musieli otwierać panel Wydajność, aby uzyskać szczegółowe dane niezbędne do podjęcia działań.

Nasze wnioski oraz wiele funkcji z eksperymentalnego panelu Statystyki wydajności zostaną zintegrowane z panelem Wydajność. Funkcje takie jak analiza przypadków użycia i poprawki dotyczące gęstości informacji oraz integracja z Lighthouse pomogą nam jeszcze lepiej wykorzystać statystyki dotyczące wydajności strony.

Eksperyment Statystyki wydajności zostanie usunięty w 2024 r.

Gdzie można przekazywać opinie

Chętnie poznamy Twoją opinię na temat nowych funkcji. Jeśli masz pomysły na to, jak ulepszyć dodane funkcje, lub jeśli obecny proces korzystania z panelu jest niepotrzebnie zakłócany, daj nam znać. Chcemy wiedzieć, co się sprawdza, co nie sprawdza się tak, jak powinno, i co Twoim zdaniem można zrobić lepiej. Dziękujemy!