javascript - ブラウザーでのリフロー/再描画の回数をカウントするにはどうすればよいですか?

Question

最近、ブラウザのリフローに関する Stoyan の次の記事を読みました。リフローとリペイントとは何か、それがパフォーマンスに与える影響、および改善方法について詳しく説明します。また、これを視覚化するのに役立ついくつかのサードパーティ製ツールも示しています。

サードパーティのツールを使用せずにブラウザーでリフローを検出し、これに基づいていくつかのメトリックを取得できるかどうかを調べ始めました (たとえば、javascript では、呼び出された ajax 呼び出しの数を計算できます)。

検索が失敗したため、いくつかのアクションでトリガーされたリフロー/再描画の数を計算できるかどうかをここで尋ねています。たとえば、関数がある場合

function foo(){
    // trigger and manipulate some DOM elements
    $.post( "ajax/test", function( data ) {
        // do some manipulations with data and attach it to the DOM
    });
}

この機能によって発生したリフロー/再描画の回数を知りたいです。

この質問は、これを行うためのツールを探していることにも似ています (そのようなツールについては記事で説明されています)。