Мы используем Chrome для интерактивной установки и, похоже, нанесли какой-то потолок загрузки изображения.Потолок изображения Google Chrome?
Приложение создано для мультитач-устройства и работает с разрешением 1920x1080. Он построен на основе магистрали и включает в себя рендеринг и удаление большого количества представлений, которые содержат анимацию спрайтов (облегчается путем шага прозрачных фоновых изображений png).
Мы предварительно загрузим все изображения и прослушаем их до конца, используя плагин David Desandro. Сначала это работало отлично (с меньшим количеством активов) и, похоже, теперь работает, пока вы не перейдете дальше в приложение. Несмотря на отсутствие 404s в консоли и подтвержденное присутствие файлов, некоторые из изображений не загружаются и просто не отображаются. Проблема сохраняется, даже если мы не предварительно загружаем изображения.
Типичный размер анимационной последовательности: 92250px x 450px, и они бывают в любом месте между 1mb и 10mb каждый (это после того, как они были оптимизированы с использованием компрессоров, стоящих за grunt-contrib-imagemin). Общая сумма изображений составляет около 300 Мб.
Что мы пытались:
- Применения каких-либо кэш, связанные с флагов в аргументах командной строки хрома при запуске хрома (http://peter.sh/experiments/chromium-command-line-switches/), такой как
--disk-cache-size
. - Кэширование всех медиа-активов с использованием манифеста кэша HTML5.
- Тестирование на разных машинах, как Mac, так и ПК. Это дает те же результаты.
То, что мы в настоящее время пытаются:
- Уменьшение размера всех изображений, удаляя каждый второй кадр в анимации. Это не идеально.
- Изменение метода анимации для выключения (предварительной загрузки) отдельных изображений, а не спрайтов.
- Предварительная загрузка изображений партиями перед тем, как они будут добавлены (не идеальны).
В идеале мы хотели бы снять потолок на том, что этот предел мы нанесли. Любая помощь/идеи будут оценены!
Неужели это по-прежнему затрагивает проблемы, если вы просто используете один и тот же файл изображения несколько раз (пытаясь определить, может ли он быть размером сами активы или процесс, связанный с предоставлением актива)? – dtt101
@ dtt101 просто протестировал это: нет проблем с загрузкой одного изображения несколько раз. Кажется, это какой-то вид ограничения памяти/дерева рендеринга ... –
Я нашел этот «chrome: // net-internals/# httpCache», который может помочь отладить - хотя я уверен, что вы уже знаете! – dtt101