JS-сканер
Комплексный анализ производительности, покрытия и ошибок JavaScript
Преимущества
Анализ Total Blocking Time
Измерение времени блокировки главного потока JavaScript. Выявление долгих задач, ухудшающих интерактивность и увеличивающих Time to Interactive.
Обнаружение неиспользуемого кода
Постраничная разбивка неиспользуемого JavaScript с точными объёмами в байтах. Быстрый поиск мёртвого кода и раздутых бандлов.
Аудит стратегии загрузки скриптов
Определение блокирующих рендер скриптов в сравнении с async и defer. Выявление сторонних скриптов, задерживающих First Contentful Paint.
Отслеживание ошибок и устаревших API
Перехват ошибок консоли, необработанных исключений со стектрейсами и использование устаревших API браузера — всё в одном сканировании.
Как это работает
Инструменты
FAQ
TBT измеряет суммарное время блокировки главного потока длительными JavaScript-задачами (более 50 мс каждая). Высокий TBT означает, что страница ощущается как медленная, потому что действия пользователя откладываются до завершения выполнения скриптов.
Инструмент использует встроенный в Chrome API покрытия кода для отслеживания, какие байты каждого файла скрипта реально выполняются при загрузке страницы. Всё, что не выполнялось, помечается как неиспользуемое с указанием процента по каждому файлу.
Скрипт, загружаемый без атрибутов async или defer, блокирует парсер HTML до своей загрузки и выполнения, задерживая рендеринг. Аудит помечает каждый такой скрипт, чтобы вы могли добавить async/defer или перенести его в конец страницы.
Да. Каждый скрипт классифицируется как собственный или сторонний. Вы видите, какие внешние скрипты блокируют рендеринг, сколько неиспользуемого кода они вносят и вызывают ли ошибки или устаревшие API.
Если ваши скрипты включают source maps, инструмент разбирает их и строит визуальную карту каждого модуля внутри бандла — с точными размерами и покрытием кода, чтобы вы могли найти зависимости для оптимизации или удаления.