Webページが表示されるまでの流れ
"g"キーが押されると
はじめは"Enter"キー
割り込み発火 (USBキーボード以外)
(OS Xの場合) KeyDown NSEventがアプリに送られる
(GNU/Linuxの場合)Xorgサーバがキーコードをlistenする
URLをパースする
URLか？単語か？
ホストネームに含まれるASCIIユニコード文字でない文字を変換する
Strict-Transport-Securityリストを調べる
ARP処理
ソケットを開く
HTTPプロトコル
HTTPサーバリクエスト処理
サーバーが受け取りHTMLを作成
ブラウザの裏側
サーバーがそのHTMLを返却
スタートからココまでの時間が、Time to First Byte(TTFB)
ココで1byte取るまでの時間
ブラウザ
HTMLのパース
ブラウザがHTML解析
ここ以下をもうちょい解像度上げたのがWeb BrowserのRenderingの流れ
ブラウザがサブリソースをリクエスト
css, js, 画像など
サーバーがサブリソースを作成
サーバーがサブリソースを返却
CSSの解釈
ページのレンダリング
GPU レンダリング
ウィンドウサーバー
レンダリング後の処理および、ユーザの操作起因の処理
この辺の流れを組込みたい↓
First Viewの流れ
Navigation Start
ナビゲーションの開始
サーバへリクエストが送られた段階
SSRはここから→→→
なにか一つでも
Loadingなど
たいして意味はないけれどコンテンツが表示される
意味のある情報が表示
過去の指標だが
SSRはここまで←←←が速くなる
Visually Ready
画像とかアセットと呼ばれるものが表示
ユーザーが触れる
JavaScriptがロードされ実行されて、操作が可能になる
Fully Loaded
最後までコンテンツがloadし終わった
hikaliumのめちゃくちゃ良い発表