JavaScript-метрики

Эта категория содержит статьи, посвящённые JavaScript-метрикам - показателям производительности, связанным с выполнением скриптов на веб-страницах. JavaScript-метрики измеряют, как код влияет на загрузку, интерактивность и общую отзывчивость сайта, помогая выявлять узкие места и оптимизировать производительность.

JavaScript является одним из главных факторов, влияющих на скорость работы современных веб-приложений. Плохо оптимизированный код может блокировать основной поток, вызывать задержки при взаимодействии и ухудшать пользовательский опыт. Понимание этих метрик критически важно для разработчиков и специалистов по производительности.

• Категория:Метрики интерактивности - показатели, связанные с реакцией на действия пользователя
• Категория:Метрики памяти - использование оперативной памяти JavaScript-кодом

• JavaScript - общее понятие и влияние на производительность
• JavaScript Execution Time - время выполнения скриптов
• Main Thread Work - загрузка основного потока браузера
• Long Tasks - длительные задачи, блокирующие основной поток
• Total Blocking Time - общее время блокировки основного потока
• First CPU Idle - время до первой прострации процессора
• Time to Interactive - время до полной интерактивности
• INP - Interaction to Next Paint, метрика отзывчивости
• FID - First Input Delay, задержка первого ввода
• Event Handling Time - время обработки событий
• Callback Execution - время выполнения callback-функций
• Promise Resolution Time - время выполнения промисов
• Async Operation Duration - длительность асинхронных операций
• Heap Size - размер кучи JavaScript
• Memory Usage - использование оперативной памяти
• Garbage Collection Time - время сборки мусора
• Garbage Collection Frequency - частота сборки мусора
• DOM Manipulation Time - время операций с DOM-деревом
• Reflow Time - время перерасчёта стилей и позиций элементов
• Repaint Time - время перерисовки элементов
• Layout Thrashing - принудительные синхронные операции layout
• Parser Blocking - блокировка парсинга HTML скриптами
• Script Loading Time - время загрузки скриптов
• Script Parsing Time - время парсинга скриптов
• Script Compilation Time - время компиляции скриптов
• Web Workers - вынос задач в отдельные потоки
• Service Worker Performance - производительность сервис-воркеров
• RequestIdleCallback - выполнение задач в свободное время
• requestAnimationFrame - оптимизация анимаций
• Passive Event Listeners - оптимизация обработки событий
• Debouncing - техника оптимизации обработки событий
• Throttling - техника ограничения частоты вызовов функций
• Code Splitting - разделение кода на части
• Tree Shaking - удаление неиспользуемого кода
• Lazy Loading - отложенная загрузка скриптов
• Async и Defer - атрибуты для загрузки скриптов
• Performance API - программный интерфейс для измерения метрик
• User Timing API - API для пользовательских метрик времени
• Navigation Timing API - API для измерения навигации
• Resource Timing API - API для измерения загрузки ресурсов
• Long Tasks API - API для отслеживания длительных задач
• Lighthouse - инструмент аудита JavaScript
• Chrome DevTools Performance - инструменты профилирования
• WebPageTest - тестирование производительности
• Bundle Analyzer - анализ размера бандлов
• Source Maps - карты кода для отладки

• Категория:JavaScript
• Категория:Метрики интерактивности
• Категория:Метрики скорости загрузки
• Категория:Core Web Vitals
• Категория:Производительность сайта
• Категория:Веб-разработка