<p data-line="0" class="code-line">Shiftキーを押しながらネットワークパネルのリソースの上にマウスを移動すると、どのリソースがどの別のリソースをロードしたかがわかります。</p>
<ul data-line="1" class="code-line">
<li data-line="1" class="code-line">緑：呼び出し元</li>
<li data-line="2" class="code-line">赤：リソースから呼び出している別リソース</li>
</ul>
<p data-line="5" class="code-line"><img src="https://static.zenn.studio/user-upload/82853a2f434b-20220717.png" alt="" class="md-img" loading="lazy"></p>


Chrome devtoolsのネットワークパネルでShiftキーを押しながらリクエストを見ると、リクエストの依存関係を見ることができる

Discussion