11

次の base64 ファビコンと、いくつかの base64 イメージを使用したいと思います。

<link href="data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAA..AMAK3WxwAOWT0AK4RgAKHOvQA4hWUAP4lqAD2MagBQm3kATKSBAECcdP//AAD8/wAA+H8AAPA/AADwPwAA4B8AAMAPAACABwAAAgMAAI8BAADfgAAA/8AAAP/AAAD/4QAA//MAAP//AAA=" rel="icon" type="image/x-icon" />

これらはブラウザによってキャッシュされますか?

4

2 に答える 2

11

いいえ。データURIは、含まれているドキュメント(CSSファイルやHTMLファイルなど)とは別にキャッシュされないため、含まれているドキュメントが再ダウンロードされるたびにデータがダウンロードされます。

ソース

于 2011-05-18T14:11:42.500 に答える
5

サイトのファビコンをキャッシュすることは、Web サイトを高速化するためのパフォーマンスのベスト プラクティスとして実際に推奨されています。

たとえば、Google は余分な貴重なバイトを浪費せずに、ホームページのソース コードにファビコンを含めます (<link />またはデータ URI を使用)。

代わりに、はるか未来に設定された HTTP ヘッダーを使用して faviconを提供します。Cache-Control: private, max-age=31536000(31,536,000 秒 = 365 日)。

サイトのファビコンの「鮮度」を制御することに関心がある場合は、Cache-Control と HTTP ヘッダーを使用できます。たとえば、ファビコンの変更を計画している場合やキャッシュしたくない場合は、調整できます。によると。

Apache と mod_expiresを使用した例:

<IfModule mod_expires.c>
    # Add Expires Header
    # http://www.askapache.com/?p=152

    ExpiresActive On
    ExpiresByType image/x-icon "access plus 1 month"
</IfModule>

このモジュールは、Expires HTTP ヘッダーの設定と、サーバー応答の Cache-Control HTTP ヘッダーの max-age ディレクティブを制御します。有効期限は、ソース ファイルが最後に変更された時刻、またはクライアント アクセスの時刻を基準にして設定できます。

于 2011-05-18T15:08:45.383 に答える