2016-10-07 3 views
2

私のページのHTMLコードに[rel = preconnect]というリンクを追加します。しかし、どのように事前接続をチェックすることができますか?[rel = preconnect]の作業が完了したかどうかを確認するにはどうすればよいですか?

DevToolsの[ネットワーク]パネルにPreconnectが表示されないため、chrome:// tracingに表示されません。

このイベントを表示するにはどのツールを使用できますか?あなたのウェブサイトはそれを読むことができるようにWebPageTestために、オンラインでアクセスする必要があります

enter image description here

注:

+0

これは、ツールを求めているので、Stack Overflowにとっては本当に良い質問ではありませんが、Fiddlerのようなもの(Windowsではとにかく)がそのようなものを追跡できると思います。 –

+0

プリコネクトイベントとホストへの最初のリクエストを区別することが難しいため、このツールは良い解決策であるとは思えません。 – andre487

答えて

2

あなたがここに

https://www.webpagetest.org/によって作成された滝でそれを見ることができる一例です。

+0

ありがとう!しかし、プロジェクトがイントラネット内にある場合、事前接続をチェックする方法はいくつかありますか? – andre487

+0

一時的なトンネルを設定して、ウェブサイトを外部から利用できるようにすることができます。https://ngrok.comが私が使用するものです。しかし、あなたのメインドメインと事前接続したいドメインの両方にアクセス可能にする必要があります。したがって、2番目のドメインをトンネルする場合は、新しいトンネルドメインを指すようにコードを変更する必要があります。 –

+0

もう1つの解決策は、Webページテストの独自のプライベートインスタンスをイントラネット内にセットアップすることです。多くの企業ではインスタンスを所有しているので、プロジェクトをプロダクションにプッシュする前にパフォーマンスチェックを行うことができます。 –

関連する問題