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.

Leave a Reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Instagram