サイトを制作していると、ソーシャルボタンをはじめ結構な数のアイコン画像を使いますよね。でも、アイコンの種類が増えてくると、画像ファイルの呼び出し回数が増えてページの表示が遅くなります。これを改善する方法の一つがdata URI schemeです。 画像が多いとなぜ遅くなるのか ウェブページは、そのページを閲覧している端末からHTTPリクエストを受けたサーバーが、要求されたデータをHTTPレスポンスとして各端末に返すことで表示されています。 画像の枚数と同じ回数のHTTPリクエストが必要になります。 そのうえ画像が増えるとサーバーから受け取るデータ量も増加します。 つまり画像が増えるとページの表示速度がダウンするのです。 ページを軽くするには ページを軽くする対策は以下の二点から考えなければいけません。 サーバーから呼び出す画像の枚数を減らし、HTTPリクエストの数を減らす。 サーバーから呼