Chrome開発ツール、type「fetch」と「xhr」の違い

Question

Chromeの開発ツールについてご教授ください。

添付画像のように全く同じURLで、異なるtypeにのログがあります。
この場合、対象のURLに対して2回アクセスが行われている。（サーバーサイドのアクセスログで2回アクセスがある）
ということになりますでしょうか。

また、「fetch」と「xhr」の挙動の違いはなにが異なるのでしょうか。

Answer 1

また、「fetch」と「xhr」の挙動の違いはなにが異なるのでしょうか。

書いてのとおりです。JavaScriptでfetchを使っているかXMLHTTPRequestを使っているかの違いです。

Answer 2

なにをしているかわからないのでなんとも言えませんが
fetch API自体XHRに近い処理です。
XHRでできることや取れる情報はほぼfetchで処理でき
またfetchはpromiseを前提としているのでメソッドチェーンで処理できます