приложении?
Chrome. При открытой вкладке постоянно под 50% грузит. Но стоит сменить вкладку - норм становится. При открытой вкладке не зависит ни от фокуса окна, ни от видимости окна. То есть не в фокусе и спратанным за другими окнами вкладка все равно жрёт свои 50% CPU.
Javascript Profiler пишет, что 100% CPU использует (program).
Performance Profiler пишет, что из 10 секунд: 1 секунда рисует, 1 секунда рендер, 1 секунда что-то ещё, 7 секунд простой.
Куда копать? Как понять что в приложении не так?
Поищи майнеров
В процессе разбирательств выяснил, что CPU кушает рисование. Recalculate -> Update Layer Tree -> Paint. Чтобы найти проблемное место включил в хроме подсветку областей с перерисовкой. И она молчит, ничего не перерисовывается. В VueDevtool начал мониторить все мутации в vuex - тишина. Мониторинг событий - тишина. Вкладка Elements в devtools не отображает, что DOM меняется. Приложение работает прямо как я и ожидаю. Что может вызывать огромное количество перерисовок?
Обсуждают сегодня