表示速度改善 Data URIスキーム | 前編 仕組みとメリット

Data URIスキームとは Data URIスキームとは、テキストや画像などのリソースをURIで表すことができる仕組みです。 まずはソースコードの記述がどのように変わるのか、そしてブラウザの表示結果がどのようになるかみてみましょう。 たとえば、HTMLで以下のようなimg要素があったとします。 <img src="sample.gif" alt="logo"> Data URIスキームを使用すると以下のように記述することができます。 <img src="data:image/gif;base64,R0lGODlhfQFUAKIGAP///8zMzJmZmWZmZjMzMwAAAP///wAAACH5BAEAAAYALAAAAAB9AVQAAAP/CLrc/jDKSau9OOvNu/（略）"> ソースコードがかなり長くなりました。これは画像データ（sample.gif）を64種類の英数字で

[Knoa]

「多用されるようなファイルをエンコードするといいでしょう」←逆でしょ。多用されるならキャッシュの効くファイルにしたほうがいい。