크롬의 새로운 세로 형 타임 라인의 빈 공간은 무엇입니까?
나는 chrome의 requestAnimationFrame을 사용하여 raphael에서 간단한 viewbox 애니메이션을 실행하고 있습니다. 나는 모든 스크립팅 및 렌더링 작업이 완료된 것을 눈치 채고 있지만 브라우저는 아무 것도하지 않고 앉아있는 것처럼 보이는 30-60ms의 "데드 스페이스"를 여전히 볼 수 있습니다. 이것에 대한 통찰력?
나는이 질문을 통해 동일한 대답을 찾고 아무도 응답을 제공하지 않은 것 같아서 여기에 내가 찾은 것이있다.
the Chrome DevTools documentation about the Clear and Light Grey Frame에 따르면 빈 공간은 브라우저가 유휴 상태였던 시간입니다.
왜 유휴 상태입니까?
짧은 버전은 빈 프레임이 두 가지 중 하나를 의미한다는 것입니다. 자바 스크립트 주 스레드가 Chrome Dev 팀에서 DevTools에 표시하는 것을 잊어 버렸거나 GPU에서 병목 현상을 일으킨 다른 작업을 수행하는 중입니다.
차이점을 알려면 DevTools의 설정에서 "타임 라인 : 눈금자에서 CPU 활동보기"를 활성화 할 수 있습니다 (맨 아래 오른쪽 구석에있는 톱니 바퀴).
는 "기록"행에 작은 어두운 회색 블록을 참조하십시오
이 같은로 끝납니다? 렌더러 스레드가 사용 중일 때 어두워집니다. 렌더러 스레드가 대부분 유휴 상태 인 경우. 어두운 블록이 없기 때문에 내가이 포스트를 잡아 먹은 스크린 샷처럼 GPU에 묶여 있다는 신호입니다.
당신이 제공 한 그림과 같이 어두운 회색이 무엇인지 알아낼 방법이 있다면? – Yamiko
다음은 Chrome Engineer Nat Duca의 전체 설명입니다.
당신은 운이 빈 공간의 원인을 알아내는 있었나요? 비슷하게 보이지만 액티비티 막대는 시작 부분에 공백이있는 프레임을 통해 부분적으로 시작됩니다. – Stuart