hysryt
commented
6 years ago 開発者ツール
Performanceパネル
command + shift + e で現在表示しているページのロードからレンダリングまでの分析ができる。
キャッシュ等を回避するためにシークレットモードで実行した方がいい。
| フェーズ | 説明 |
|---|---|
| Loading | HTTPリクエスト、HTTP, CSSの解析、画像のデコード |
| Scripting | JavaScript処理 |
| Rendering | CSSの適用、JavaScriptによる変更の再レンダリング |
| Painting | 画面への描画 |
| Other | その他の処理 |
| Idle | CPUのアイドル時間（何もしてない時間） レスポンス待ちなど |
Chrome の Webセキュリティ機能を無効化して起動する。 すでに Chrome を起動している場合は全て終了してから行う。