У меня есть веб-приложение для iPad (журнала), которое отображает набор изображений среднего размера (~ 500 КБ). Они отображаются по одному на просмотр (1024x768), а при смахивании отображается еще один.
У меня есть три изображения (предыдущее, текущее и следующее) как display:block одновременно, в то время как другие изображения скрыты с display:none.
Все работает нормально в какой-то степени. Однако, когда приложение работает в течение некоторого времени и отображается больший набор (20+) изображений, приложение вылетает, в основном на iPad 1. Я предполагаю, что это как-то связано с потреблением памяти устройства.
Мой вопрос: каковы наилучшие методы, чтобы потребление памяти было как можно меньше? Очевидно, что установка изображений для отображения: ни один не работает. Должен ли я удалить изображения из DOM, а затем повторно применить их при появлении в поле зрения? Или есть другие простые приемы, чтобы предотвратить сбой приложения?