小さい画像をbase64をかけてhtml内に埋め込み -

おいしいアンテナは表示速度が遅いです。 原因の１つが、沢山画像を使っていることだった。 画像自体はキャッシュしているが、更新がないか確認するためのアクセスが足を引っ張っている様子。 なので、そのアクセスを無くすために、小さい画像はhtml内に埋め込むことにした。 今まで画像はこのように書いていたが、 <img src="http://hogehoge.jp/hoge.png"> 画像をbase64でエンコードすると、以下のように書けるらしい。 <img src="data:image/png;base64,iVBORw0KGgo...."> この施策で40アクセスくらいは減らすことができた。 計測してみるとだいたい30%早くなってた。 最終的にできたライブラリは以下のような感じになった。 画像のURLを渡すと、base64でエンコードした data:image/png;base64,iVB

[tyamaguc07]

携帯ブラウザは対応してるんだろうか。あとで確認しよう。追記；DocomoN-04Bで確認したところ表示されなかった。

[hattara]

40アクセス減の30%高速はいいな。cssスプライトとどっちがええんですかいな

[inurota]

確かに16x16pxのボタンとか埋め込んじゃうのは良いかも。