Управление большими наборами изображений с помощью Javascript на MobileSafari

Question

Я ищу способы управления большим набором изображений в Mobile Safari для iPad.В этом случае у меня есть веб-приложение, которое будет перемещать изображения с помощью CSS3-анимации webkit (предположительно, для этого используются аппаратные средства).

Я заметил, что если у меня более 10 больших изображений (200-300K каждый) Я столкнулся с большими проблемами с производительностью.Анимации нервные и т. Д.

Я читал, что в некоторых тестах Safari прекращает принимать изображения и показывает значок "? ".Обходной путь - рисовать изображения в элементе CANVAS, используя drawImage().

. Помимо выполнения обхода на основе CANVAS, у кого-нибудь есть стратегии загрузки / выгрузки изображений (скажем, от 30 до 100300К) как они им нужны?(Я предполагаю Нет , но стоит спросить)

Answer 1

Вы, вероятно, хотите проверить это сообщение в блоге: iPad + HTML5 + Javascript Memory Management .

Answer 2

Графический процессор имеет ограниченный объем текстурной памяти. Рендеринг изображений использует этот ресурс. Как только вы закончите, ОС тратит кучу времени на выгрузку / перезагрузку текстурной памяти.

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