Sprawdź, ile kodu zostało użyte versus załadowaneBlog

Funkcja Coverage pozwala nam na sprawdzenie ile kodu zostało użyte versus załadowane.

post-thumb

ON Feb 28, 2021

Funkcja Coverage znajdująca się w Chromowych narzędziach dla webmasterów pozwala nam na przyglądnięcie się, który kod został użyty w stosunku do tego który pobrała przeglądarka.

Lista przedstawia każdy pobrany plik, jego typ, wielkość, i co najważniejsze procent nieużytego kodu. Na pasku wizualizacyjnym czerwonym kolorem oznaczono niewykorzystany kod, zielonym natomiast ten który został uruchomiony.

Klikając dwa razy na konkretny plik przechodzimy do jego kodu gdzie dostajemy wgląd które linijki rzczywiście zostały wykonane.

O ile większosć kodu JavaScript zazwyczaj uruchamia się reaktywnie, a nie przy uruchomieniu strony, o tyle w przypadku kodu CSS może zdarzać się, że niepotrzebnie ładujemy na start wszystkie style. Narzędzie uwidatnia zwłaszcza sytuacje, gdy do strony dołączone jest wiele zewnętrznych bibliotek i skryptów, których funkcjonalności zostały wykorzystane bardzo wybiórczo.

Zapisz się
do naszego newslettera