html - .png/.jpg 形式またはデータ URI スキームのいずれかで、画像をより速く読み込むための最良の方法は何ですか?

Question

画像をデータ URI形式で読み込むと、ページでの読み込みが速くなりますか? 例えば：background: url("data:image/jpg;base64,/someImageData")

それとも、一般的な .jpg または .png 形式の方が高速に読み込まれますか? 例えば：background: url("wallpaper.jpg")

Answer 1

data-uri のサイズは約 37% 大きくなっていますが、さらに重要なことがあります。

モバイルでは、データ URI はソース リンクよりも 6 倍遅い (新しい調査)

したがって、これには注意してください。また、caniuse.com に記載されているように、IE < 9 には合計データ量の制限がかなりあります。