`favicon.ico` は `link` 要素で明示的に指定するべきか

ウェブサイトですっかりお馴染みとなったファビコンですが、今まで読み込みタイミングのことをあまり考えていなかったので調べてみました。 ファビコンはICO形式のファイルを favicon.ico というファイル名でウェブサーバーのルート直下に配置することでブラウザが自動的に読み込みます。 逆に言うと、今どきのブラウザはウェブページを読み込む際は favicon.ico へのアクセスも試みるので、ファビコンを設置していないサイトは裏で404レスポンスが発生していることになります。 また、link要素で明示的に指定することもできます。ファイル名や格納パスを変えたい時やPNGなど別の画像フォーマットにしたい場合はこの指定を行う必要がありますね。 <link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.ico"/>

[suginoy]

“意外にも、多くのブラウザではソース上の順序に関わらずファビコンは最後に読み込まれるようです。一方で Firefox と Opera 12系は、link要素の記述の有無で読み込み順序が変わりました。”