Chrome DevTools：タイムラインビューの三角形の警告アイコン、それはなんですか？

Question

Google Chrome開発ツールのタイムラインビューの三角形の警告アイコンが何を表していますか？私の上にマウスを置くと、それをクリックするなど、他のイベントとは異なる情報は提供されません。イベントそのものも長いとは思われません。私に警告していることを理解することはできません。

ありがとうございました。

Answer 1

この警告記号はいくつかのコード（例えばelement.offsetHeight又はdocument.width）が悪影響いくつかのケースでは、パフォーマンスに影響を与える可能性が同期レイアウトイベントをトリガしたことを意味します。イベントツリーを展開すると、関連するスタックトレースを見ることができます。

デベロッパーツールのドキュメントで、この三角形とその意味での完全な説明は： https://developer.chrome.com/devtools/docs/timeline#locating-forced-synchronous-layouts

それはそれをよりよく理解するForced Synchronous Layout demo含まれています。