2014-01-08 3 views
2

Мы используем Chrome для интерактивной установки и, похоже, нанесли какой-то потолок загрузки изображения.Потолок изображения Google Chrome?

Приложение создано для мультитач-устройства и работает с разрешением 1920x1080. Он построен на основе магистрали и включает в себя рендеринг и удаление большого количества представлений, которые содержат анимацию спрайтов (облегчается путем шага прозрачных фоновых изображений png).

Мы предварительно загрузим все изображения и прослушаем их до конца, используя плагин David Desandro. Сначала это работало отлично (с меньшим количеством активов) и, похоже, теперь работает, пока вы не перейдете дальше в приложение. Несмотря на отсутствие 404s в консоли и подтвержденное присутствие файлов, некоторые из изображений не загружаются и просто не отображаются. Проблема сохраняется, даже если мы не предварительно загружаем изображения.

Типичный размер анимационной последовательности: 92250px x 450px, и они бывают в любом месте между 1mb и 10mb каждый (это после того, как они были оптимизированы с использованием компрессоров, стоящих за grunt-contrib-imagemin). Общая сумма изображений составляет около 300 Мб.

Что мы пытались:

  1. Применения каких-либо кэш, связанные с флагов в аргументах командной строки хрома при запуске хрома (http://peter.sh/experiments/chromium-command-line-switches/), такой как --disk-cache-size.
  2. Кэширование всех медиа-активов с использованием манифеста кэша HTML5.
  3. Тестирование на разных машинах, как Mac, так и ПК. Это дает те же результаты.

То, что мы в настоящее время пытаются:

  1. Уменьшение размера всех изображений, удаляя каждый второй кадр в анимации. Это не идеально.
  2. Изменение метода анимации для выключения (предварительной загрузки) отдельных изображений, а не спрайтов.
  3. Предварительная загрузка изображений партиями перед тем, как они будут добавлены (не идеальны).

В идеале мы хотели бы снять потолок на том, что этот предел мы нанесли. Любая помощь/идеи будут оценены!

+0

Неужели это по-прежнему затрагивает проблемы, если вы просто используете один и тот же файл изображения несколько раз (пытаясь определить, может ли он быть размером сами активы или процесс, связанный с предоставлением актива)? – dtt101

+0

@ dtt101 просто протестировал это: нет проблем с загрузкой одного изображения несколько раз. Кажется, это какой-то вид ограничения памяти/дерева рендеринга ... –

+0

Я нашел этот «chrome: // net-internals/# httpCache», который может помочь отладить - хотя я уверен, что вы уже знаете! – dtt101

ответ

0

Несмотря на то, что мы действительно не дошли до сути проблемы, мы внедрили работу. Выключение большой анимации листа спрайта для отдельных кадров PNG делает работу. Мне все равно интересно узнать, что проблема/ограничение для будущей справки ...

Смежные вопросы