現在スマホのウェブアプリを開発している者です。
画像の最適な処理方法について悩んでいるので質問させていただきます。

シングルページで開発していて、画像が4MBあります。
ページ毎に分散させるのも良いのですが、ページが変わるたびに初期は毎回がさつくのが嫌で、分散させていないので初期loadが遅くなってしまっていて困っています。
基本的な圧縮方法は一通り試していますが、fireworksで書き出したpngががさつくので
圧縮率は20%とかにしています。

やっている事

• image optimで画像圧縮
• スプライトした画像は1枚150kb以下

こういう事やっているという事がありましたご教授ください。
宜しくお願い致します。