ページの HTML コードに link[rel=preconnect] を追加します。しかし、事前接続が機能しているかどうかを確認するにはどうすればよいですか?
DevTools の Network パネルに Preconnect が表示されません。chrome://tracing にも表示されません。
このイベントを表示するには、どのツールを使用できますか?
ページの HTML コードに link[rel=preconnect] を追加します。しかし、事前接続が機能しているかどうかを確認するにはどうすればよいですか?
DevTools の Network パネルに Preconnect が表示されません。chrome://tracing にも表示されません。
このイベントを表示するには、どのツールを使用できますか?
https://www.webpagetest.org/で作成されたウォーターフォールで確認できます。
次に例を示します。
WebPageTest が Web サイトを読み取れるようにするには、Web サイトにオンラインでアクセスできる必要があることに注意してください。
これには Chrome DevTools を手動で使用できます。事前接続を定義した URI のタイミング タブを確認します。DNS-Connect-SSL に時間がかかっていないか、無視できるほど小さい場合 (2 ~ 5 ミリ秒など)、事前接続が機能したと見なすことができます。ここでの唯一のトラップは、ブラウザで接続がまだ期限切れになっていない場合のテストの繰り返しです。