Это не столько вопрос о моей конкретной проблеме, сколько вопрос о некоторых вещах на временной шкале производительности Chrome, для которых я не могу найти документацию, в частности: события взаимодействия с прокруткой.
Справочная информация: устранение неполадоканимация параллакса, которая имеет некоторую нерегулярность.Он использует обработчик прокрутки для сбора некоторой информации и requestAnimationFrame
для обновления стилей.Существует четкая закономерность в части «Взаимодействие» временной шкалы для кадров «джанки» против «не джанки», но я мало представляю, что представляют собой эти события временной шкалы.
Вот дурацкий кадр:
Вот гладкая рамка:
Мой JS-код для внесения визуальных изменений запускается на requestAnimationFrame
.Мои выводы:
- Он дергается, когда этот код выравнивается непосредственно с началом кадра, но не когда он приближается к концу кадра (что, кажется, противоречит смыслу
requestAnimationFrame
?) - Дрожит, когда событие
Latency::ScrollUpdate
продолжается после окончания события «Обновление прокрутки».(Насколько я могу судить, Latency::ScrollUpdate
связано с наличием обработчика события прокрутки.) Похоже, в этом суть проблемы - что означает эта ситуация?
Чтоследующие события «Взаимодействия» представляют?
- Прокрутка : тонкая фиолетовая линия вверху
- Обновление прокрутки : фиолетовое событие "Рендеринг"
- Латентность :: ScrollUpdate : серое «Системное» событие