iOS Webアプリケーションでのイメージのメモリ消費

Question

私は、中間サイズ（〜500kb）のイメージを表示するiPad（雑誌）ウェブアプリケーションを持っています。ビューごとに1つ（1024x768）表示され、別のものをスワイプすると表示されます。

display：blockと同時に3つの画像（前、現在、次）があり、他の画像はdisplay：noneで隠されています。

すべてはある程度うまく機能します。しかし、アプリケーションがしばらくの間実行され、大きなセット（20+）の画像が表示された場合、アプリケーションは主にiPad 1上でクラッシュします。これはデバイスのメモリ消費と関係があります。

私の質問です：メモリ消費をできるだけ低く抑えるためのベストプラクティスは何ですか？明らかに表示するイメージを設定する：noneは機能しません。 DOMから画像を削除してから、再表示する必要がありますか？またはアプリケーションがクラッシュするのを防ぐための他の簡単なトリックですか？

Answer 1

あなたはDOMのための要素を削除する前に空の文字列に画像のソースを設定する必要がアプローチがあります：http://blog.thinkingtype.com/2012/07/ios-mobile-web-application-image-memory.html

は、だからあなたの場合には、あなたがのデータ属性でソースを保存することができdisplayをnoneに設定すると、画像要素が表示されます。