У меня проблемы с производительностью, когда частота кадров в основном снижается во время анимации только в Safari, но у меня возникают проблемы с выявлением проблем и просмотр временной шкалы кадров. Проблема в том, что во время анимации происходит дрожание. Я не знаю, является ли это css или JS проблемой, поскольку она гладкая в Chrome.
. Я замечаю, что Animation Frame (фиолетовый) и Paint ( зеленый) на скорости 60 кадров в секунду или лучше. Тем не менее, я заметил, что серая полоса простирается после 60 кадров в секунду до примерно 30 кадров в секунду. Я не могу найти какую-либо информацию о том, что это такое или как я мог бы ссылаться на это в моем коде. Что означает эта серая полоса? Спасибо - изображение моих кадров timeline