いつもお世話になっております。
ある人から、ウェブサイトの表示が遅いから見てくれないかと頼まれ、ChromeのDevToolsのNetworkタブを使ってどれくらい遅いのか、何が原因なのか見てみようと思いました。
その結果が添付の写真です。
(注目してもらいたい部分だけ切り抜き)
お聞きしたい事は、赤枠で囲んだNameの部分がドメインとなっている2つのアイテムです。
後者は、Typeがtext/htmlということでhtmlのテキストデータなのかなと思ったのですが、前者はTypeがdocumentということですが何を指しているのでしょうか。
訂正:そもそも、text/htmlがhtmlのテキストデータならば、htmlのテキストデータのTTFBより前に、style.css が読み込まれるだなんておかしな話なので、この考え方も違ってそうですね。
この二つのアイテムはいったいそれぞれ何を表しているのでしょうか?
ページがわからないので推測ですが...
iframe かなにか使われていますか?
>ページがわからないので推測ですが...
具体的なサイトをここに書くのははばかられるので、申し訳ありません。
>iframe かなにか使われていますか?
今ソースを見てみたら、確かにiframeがJavaScriptで埋め込まれてました。
なるほど。ダミーサイトで、iframeを入れたページを作って計測してみます。
今、自分のサーバー上で、自分を再帰的にiframeで呼び出すhtmlを作ってみました。
確かに、Nameとしては同じものが2つ表示されるのですが、Typeは両方ともdocumentなんですよね。。。
Group by frame にチェックを入れれば、iframe部分をグルーピングして表示してくれるので、少しわかりやすくなるかと思います。
赤枠の前者はおそらく表示されているページ自体のソースだと思うのですが、後者はクリック(または右クリック)すると何が表示されるのでしょうか。
うちの環境で確認してみると 拡張子のないファイルと 拡張子に MIMEタイプが登録されていないファイルが、 text/html になっていますね。
mar-knさん、CHERRYさんありがとうございました。
今回はiframeではなく、CHERRYさんがおっしゃっていた拡張子にMIMEタイプが登録されていないファイルでした。