【Webサイト】サイトの高速化（計測方法）
自分のサイトを早くするよー。
ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール
- 作者: Steve Souders,スティーブサウダーズ,武舎広幸,福地太郎,武舎るみ
- 出版社/メーカー: オライリージャパン
- 発売日: 2008/04/11
- メディア: 大型本
- 購入: 32人 クリック: 676回
- この商品を含むブログ (124件) を見る
この本を読んでるよ。
分かりやすい！
計測方法
そもそもどれくらい表示に時間がかかっているのか？
Chrome
F12でデベロッパーツールを起動。
NetWorkタブをあける。
この赤線・青線がロードにかかった時間。
The timeline indicates when the the DOMContentLoaded and load events were fired with blue and red vertical lines, respectively. The DOMContentLoaded event is fired when the main document had been loaded and parsed. The load event is fired when all of the page's resources have been downloaded.
https://developers.google.com/chrome-developer-tools/docs/network?hl=ja
loadの計測
詳細な時間を確かめるにはどうすればいいんだろう？
線にポインタを置いても時間は表示されず。
とりあえず、HAR（HTTP Archive の略）で表示されるJSONデータの中に存在するので、
この数字を減らす事を目標にする！
"onContentLoad": 637,
"onLoad": 720
