Потребление памяти изображениями в веб-приложении iOS

Question

У меня есть веб-приложение для iPad (журнал), которое отображает набор изображений среднего размера (~ 500 КБ).Они отображаются по одному на просмотр (1024x768), а при перелистывании отображается еще одно.

У меня есть три изображения (предыдущее, текущее и следующее) в качестве дисплея: блок одновременно, в то время как другие изображения скрыты с помощьюдисплей: нет.

В какой-то степени все работает нормально.Тем не менее, когда приложение работает в течение некоторого времени и отображается большой набор (более 20) изображений, происходит сбой приложения, в основном на iPad 1. Я предполагаю, что это как-то связано с потреблением памяти устройством.

Мой вопрос: каковы наилучшие методы, позволяющие максимально снизить потребление памяти?Очевидно настройка изображений для отображения: ни один не работает.Должен ли я удалить изображения из DOM, а затем повторно применить их при появлении в поле зрения?Или есть какие-то другие простые приемы, предотвращающие сбой приложения?

Answer 1

Существует подход, при котором вы должны установить источник изображения в пустую строку перед удалением элемента для DOM: http://blog.thinkingtype.com/2012/07/ios-mobile-web-application-image-memory.html

Таким образом, в вашем случае вы можете сохранить источник в атрибуте данных элемента изображения, когда вы установите для дисплея значение «Нет», и снова установить источник, когда вы сделали изображение видимым при настройке дисплея для блокировки.