のデータURIを形式でロードすると、ページの読み込み速度が向上しますか? 例:background: url("data:image/jpg;base64,/someImageData")
イメージを.png/.jpg形式またはデータURI形式のどちらかで高速に読み込むには、どのような方法が最適ですか?
また、一般的な.jpgまたは.png形式で読み込み速度が向上しますか? 例:background: url("wallpaper.jpg")
のデータURIを形式でロードすると、ページの読み込み速度が向上しますか? 例:background: url("data:image/jpg;base64,/someImageData")
イメージを.png/.jpg形式またはデータURI形式のどちらかで高速に読み込むには、どのような方法が最適ですか?
また、一般的な.jpgまたは.png形式で読み込み速度が向上しますか? 例:background: url("wallpaper.jpg")
イメージをレンダリングするのに必要な時間は同じですが、読み込むのにかかる時間は異なる場合があります。
非常に大まかに、Base64でエンコードされたバイナリデータの最終的なサイズは、1.37倍のデータサイズ
に等しい:BASE64の画像を符号化することは、約 37% largerあなたが)(URLを介して、それにリンクした場合よりなります
イメージが大きく、ダウンロードするバイト数が増えますが、サーバーとのトークバックの時間を節約して、url()メソッドを使用してイメージを取得します。どのロードがより速く実行されるかは、ユーザーの接続に依存しています。 base64でエンコードされた画像を使用することをお勧めします。this articleを参照してください。
データ-URI Sサイズで約37%大きくしているが、もっと重要なものがある:
On Mobile, Data URIs are 6x Slower than Source Linking (New Research)
だからこれに気をつけなります。また、as stated on caniuse.com、IE < 9には、データの総量が大幅に制限されています。