Web アプリケーションのパフォーマンス テストをいくつか行っていますが、実際には、リンク内の dns-prefetch の Web ページ テスト結果を理解する方法がわかりません。
追加したリンクについてはlink rel="dns-prefetch"、各リンクの最初のリクエストの先頭に緑色の部分が表示されます。しかし、私の期待は、図の最初に dns-handshake が表示されることでした (添付の画像で矢印が指し示している場所)。リンクも使用されました。
それは期待される動作ですか？DNS をプリフェッチせずにテストしてきたため、ダイアグラムは非常に似ています。
あなたの図でわかる限り、ドキュメントが転送されるのを待っている間、アイドル時間の長い待機期間があります。dns-prefetchヒント (およびその他のリソース ヒント) は、ブラウザーがそれらを検出するまで有効になりません。さらに、これらのヒントの影響は、ドキュメント内の他のリソース参照への近さによって異なります。たとえば、head 内のタグに、head 内でも参照されている外部リソースへのdns-prefetchヒントがある場合、あまりメリットが見られない可能性があります。<link>ただし、リソースがフッターにある場合、または高レイテンシの重要なリクエスト チェーンの一部である場合、利点はより顕著になる可能性があります。
これが私が話していることの具体的な例です:この webpagetest レポートdns-prefetchのウォーターフォール (または接続ビュー) を見ると、polyfill.io で JavaScript リソースのヒントを発行したことがわかります。dns-prefetchヒントはヘッドで指定しますが、JavaScript リソースはフッターに配置します。
