これはどうかと思っていた
background:#092542 url('data:image/png;base64, ....') center top no-repeat;
よりも効率的です
background:#092542 url('myimage.png') center top no-repeat;
読み込み時間を短縮しようとしていますが、これが役に立てば幸いです。
これはどうかと思っていた
background:#092542 url('data:image/png;base64, ....') center top no-repeat;
よりも効率的です
background:#092542 url('myimage.png') center top no-repeat;
読み込み時間を短縮しようとしていますが、これが役に立てば幸いです。
画像が 1 つのページで 1 回しか使用されていない場合、読み込み (高速化) に非常にわずかな (おそらく目立たない) 違いが生じる可能性がありますが、これはブラウザーが画像をキャッシュできないことも意味します。別のページを再度ロードする必要があります。つまり、2 倍 (3 倍など) のデータが転送されます。
一般的に、それは価値がありませんが、それがマイクロサイトであればより簡単かもしれませんが、それほどではありません.
データ URI イメージはキャッシュされます。ただし、イメージのキャッシュは、含まれているファイルのキャッシュ方法によって異なります。データ URI 画像を含むスタイルシートがキャッシュされている場合、スタイルシート自体が再ダウンロードされるまで、画像はダウンロードされません。
また、データ URI の詳細、特にパフォーマンスに関するセクションを説明しているこの投稿をお勧めします。