Я прошу прощения, если такой вопрос где-то уже существует, но я действительно тщательно его искал и не нашел такого вопроса.
У меня вопрос по вкладке «Быстродействие» в Chrome Средства разработки. Мне трудно понять, как именно это интерпретировать.
В частности, учитывая сценарий, показанный на скриншоте, мне кажется, что эти операции подчеркнуты синими линиями («пересчитать стили», «составные») были смещены вправо, потому что, когда я пролистываю полосу диаграммы FPS, которая показывает анимацию, время анимации начинается и заканчивается именно там, где зеленая область, а не там, где начинаются и заканчиваются сами операции.
Это действительно из-за некоторого смещения (возможно, ошибки в devtools?) Или есть какое-то более глубокое объяснение этому, о котором я не знаю?
Я был бы признателен за любую помощь, так как это доставляло мне неприятности довольно долго.
РЕДАКТИРОВАТЬ: Я мог бы перефразировать мой вопрос так же: 
Как все эти кадры отображались, если не выполнялись никакие операции, такие как "пересчитать стили" и " композитинга "?