Chrome DevTools による高度なネットワーク分析

Jecelyn Yeen

パフォーマンスのボトルネックを見つける方法、ポップアップをデバッグする方法、ネットワーク状態を構成する方法、ショートカットを使用してネットワーク リクエストの開始元を特定する方法など、ネットワーク パネルの高度なテクニックについて学びます。

動画で次の方法を学びます。

  • ウォーターフォール、タイミング、概要でパフォーマンスのボトルネックを特定します。
  • ポップアップのネットワーク アクティビティをすべてキャプチャします。
  • ネットワーク設定をカスタマイズして、スクリーンショットをキャプチャしたり、リソースタイプにカラーコードを付けたりできます。
  • ユーザー エージェント、コンテンツ エンコードなどをシミュレートするようにネットワーク条件を設定します。
  • ネットワーク リクエストの開始元を特定します。

詳しくは以下をご覧ください。