Nowe narzędzie do debugowania CLS w Google Chrome DevTools!

2024-10-31 15:31 Redakcja

Nowe narzędzie do debugowania CLS w Google Chrome DevTools!

Google Chrome wprowadza nową funkcję w swoim zestawie narzędzi deweloperskich, która ma na celu rozwiązanie problemów z przesunięciami układów mającymi wpływ na wydajność stron internetowych. Funkcja Layout Shift Culprits, obecnie dostępna w wersjach Canary, znacznie poprawia możliwości debugowania dla Cumulative Layout Shift (CLS).

Nowy interfejs debugowania działa w panelu Insights przeglądarki, oferując deweloperom:

Wizualizację w czasie rzeczywistym zdarzeń związanych z przesunięciem układów Odtwarzanie klatka po klatce wystąpienia przesunięć Automatyczne identyfikowanie najbardziej wpływowych skupisk przesunięć Wizualne nakładki podkreślające dotknięte elementy strony Szczegółowe metryki dla każdego zdarzenia przesunięcia

Specjalista ds. wydajności webowej, Sander van Surksum, który jako pierwszy podzielił się informacjami na temat tej funkcji, zauważył, że deweloperzy mogą najechać kursorem na zidentyfikowane elementy, aby uzyskać więcej informacji.

Na podstawie: Źródła

Najnowsze wiadomosci ⚡📰

🚀 Dołącz do Marketingowej Elity!

Codzienna dawka marketingu, która nie parzy jak kawa — ale działa szybciej.

Nie przegap żadnego trendu, hacka ani dramy w świecie marketingu! 🧠
Mamy już ponad 155 000 artykułów i codziennie dorzucamy 50–100 nowych perełek z SEO, PR, social mediów, reklam, AI i brandingu. Do tego wywiady, nowe narzędzia pozwalające dowieźć wyniki i nutka prawa oraz bezpieczeństwa. Wszystko podane w starupowym sosie, który nigdy sie nie nudzi.
Zapisz się teraz, a Twoja skrzynka stanie się potężniejsza niż raporty z Analyticsa.