質問: いつもお世話になっております。 ある人から、ウェブサイトの表示が遅いから見てくれないかと頼まれ、ChromeのDevToolsのNetworkタブを使ってどれくらい遅いのか、何が原因なのか見てみようと思いました。 その結果が添付の写真です。 (注目してもらいたい部分だけ切り抜き) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/e47549fa4d301ddec29041c6eacefee8.jpeg) ~~お聞きしたい事は、赤枠で囲んだNameの部分がドメインとなっている2つのアイテムです。~~ ~~後者は、Typeがtext/htmlということでhtmlのテキストデータなのかなと思ったのですが、前者はTypeがdocumentということですが何を指しているのでしょうか。~~ 訂正:そもそも、text/htmlがhtmlのテキストデータならば、htmlのテキストデータのTTFBより前に、style.css が読み込まれるだなんておかしな話なので、この考え方も違ってそうですね。 この二つのアイテムはいったいそれぞれ何を表しているのでしょうか?
回答: それぞれのアイテムをクリックした後に、HeadersとResponseのそれぞれのタブから通信内容を確認することが出来るので、それで確認するのが確実です。 !イメージ説明 もしくは、アイテム上で右クリック→Open in New tab で新しいタブで開いて確認するか。(これは上記に比べると正確な結果にならない場合があり余す)