連続ペイントモードを使わないで高価なスタイルを見つける

Question

クロムの連続ペインティングモードは、determining what elements/styles on a page are slow to paintで非常に役に立ちます。この機能はquietly removed in chrome 46でした。

高価なスタイル/要素をすぐに見つけるための最良の方法は何ですか？代替アプローチに関する記事や投稿は非常に便利です！

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

Answer 1

詳細については、thisの記事を参照してください。

タイムラインを使用して長いペイント時間を識別し、ペイントプロファイラを使用してどのペイントコマンドが長い時間を取っているかを確認できます。長いペイントコマンドが識別されたら、コマンドを右クリックして要素内に表示することができます。

リンク先の記事から：

これは私が連続ペイントモードを使用するユースケースのほとんどをカバーしています。