小さい画像を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
