私は favicon.ico を持っていませんが、ブラウザは常にそれを要求します。
ブラウザが自分のサイトからファビコンをリクエストするのを防ぐことはできますか? HTML ヘッダーに META タグを追加するといいかもしれません。
ベストアンサー1
まず最初に、Web ページにファビコンを配置するのは (通常は) 良いことだと述べます。
しかし、これは必ずしも望ましいことではなく、開発者は余分なペイロードを回避する方法が必要になる場合があります。たとえば、IFRAME はファビコンを表示せずに要求します。さらに悪いことに、Chrome と Android では、IFRAME はファビコンの要求を 3 回生成します。
"GET /favicon.ico HTTP/1.1" 404 183
"GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 197
"GET /apple-touch-icon.png HTTP/1.1" 404 189
以下はデータ URI を使用しており、偽の favicon リクエストを回避するために使用できます。
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
参考資料についてはこちらをご覧ください:
- https://github.com/h5bp/html5-boilerplate/issues/1103
- https://twitter.com/diegoperini/status/4882543836930048
更新1:
コメント (jpic) によると、Firefox >= 25 では上記の構文が使用できなくなったようです。Firefox 27 でテストしましたが、Webkit/Chrome ではまだ動作しますが、動作しません。
そこで、最近のすべてのブラウザをカバーする新しいバージョンを紹介します。Safari、Chrome、Firefox をテストしました。
<link rel="icon" href="data:;base64,=">
「rel」属性値から「ショートカット」名を省略しました。これは古い IE 専用であり、IE のバージョン 8 未満では dataURI も使用できないためです。IE8 ではテストされていません。
更新2:
ドキュメントを HTML5 に対して検証する必要がある場合は、代わりにこれを使用します。
<link rel="icon" href="data:;base64,iVBORw0KGgo=">