10

ページの HTML コードに link[rel=preconnect] を追加します。しかし、事前接続が機能しているかどうかを確認するにはどうすればよいですか?

DevTools の Network パネルに Preconnect が表示されません。chrome://tracing にも表示されません。

このイベントを表示するには、どのツールを使用できますか?

4

2 に答える 2

5

https://www.webpagetest.org/で作成されたウォーターフォールで確認できます。

次に例を示します。

ここに画像の説明を入力

WebPageTest が Web サイトを読み取れるようにするには、Web サイトにオンラインでアクセスできる必要があることに注意してください。

于 2016-10-08T01:49:04.250 に答える
4

これには Chrome DevTools を手動で使用できます。事前接続を定義した URI のタイミング タブを確認します。DNS-Connect-SSL に時間がかかっていないか、無視できるほど小さい場合 (2 ~ 5 ミリ秒など)、事前接続が機能したと見なすことができます。ここでの唯一のトラップは、ブラウザで接続がまだ期限切れになっていない場合のテストの繰り返しです。

于 2018-04-13T08:28:37.840 に答える