Chrome DevTools : 타임 라인보기의 삼각형 경고 아이콘,이게 뭐죠?

Question

Google 크롬 개발자 도구 타임 라인보기의 삼각형 경고 아이콘이 무엇을 의미합니까? 내가 그 위에 마우스를 올리면 클릭하십시오. 다른 이벤트와 다른 정보는 없습니다. 이벤트 그 자체도 오래 걸리지 않을 것입니다. 나는 그것이 나에 대해 경고하는 것을 해결할 수 없습니다.

감사합니다.

Answer 1

이 경고 기호 일부 코드 (예를 들어, element.offsetHeight 또는 document.width)가 부정적인 경우에 따라 성능에 영향을 미칠 수있는 동기 레이아웃 이벤트를 트리거 것을 의미합니다. 이벤트 트리를 확장하면 관련 스택 추적을 볼 수 있어야합니다.

DevTools로 문서에서이 삼각형 어떤 뜻이다의 전체 설명은 : https://developer.chrome.com/devtools/docs/timeline#locating-forced-synchronous-layouts

이 더 잘 이해하는 Forced Synchronous Layout demo이 포함되어 있습니다.