Navigation Timing API を利用することで、ブラウザの各段階の処理時間を計測できます。例えば、ドメインの名前解決、TCP ハンドシェイク、TLS トンネルの確立、HTTP リクエストの送信、HTTP レスポンスの受信、DOM ツリーの構築、スタイル情報の解決などです。 Navigation Timing API では window.performance.timing オブジェクトと window.performance.navigation オブジェクトを利用します。 window.performance.timing オブジェクトからは、各段階の処理時間のタイムスタンプが得られます。これらのプロパティには、アクションが完了したときのミリ秒単位のタイムスタンプが格納されています。 Navigation Timing API のタイムスタンプダイアグラムvar timin
![JavaScript によるパフォーマンス計測 | murashun.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/a47fa4e6d659d0cced9a559e7f18fa8538f5593e/height=288;version=1;width=512/https%3A%2F%2Fd25p42k9ljek3s.cloudfront.net%2Fimg%2Ftwctop.png)