Chrome のページ読み込み完了時間 (Load, Finish, DOMContentLoaded) をコピる

ダルかったので、Developer Tools の Developer Tools を開いてコピった。 (Developer Tools のガワも HTML + JS で出来ているのです….)

もっとスマートなやり方がきっとある….はず。

1. 計測対象ページで Developer Tools を開く
2. Network タブを開く
3. Developer Tools にフォーカスを当てた状態で、さらに Developer Tools を開く
4. Developer Tools の Developer Tools にある コンソールで次を実行: $$(".network-summary-bar")[0].innerText

Load と Finish の違いは下記参照

• google chrome – Website response time :Difference between “load” and “finish” , – Stack Overflow