performance - Chrome DevTools: タイムライン ビューの三角形の警告アイコンは何ですか?

Question

Google Chrome 開発者ツールのタイムライン ビューの三角形の警告アイコンが何を表しているか知っている人はいますか? カーソルを合わせたり、クリックしたりしても、他のイベントと異なる情報は提供されません。イベント自体も長くないように見えます。何が警告されているのかわかりません。

ありがとう。

Answer 1

この警告サインは、一部のコード (element.offsetHeightまたは など) が同期document.widthレイアウト イベントをトリガーしたことを意味し、場合によってはパフォーマンスに悪影響を与える可能性があります。イベント ツリーを展開すると、関連するスタック トレースを確認できるはずです。

この三角形とその意味の完全な説明は、DevTools のドキュメントにあります: https://developer.chrome.com/devtools/docs/timeline#locating-forced-synchronous-layouts

_{(ソース: chrome.com )}

これには、理解を深めるためのForced Synchronous Layout デモが含まれています。