В настоящее время я создаю приложение для iOS с Cordova, которое использует переходы анимации CSS3 для имитации вставки / вывода и всплывающей / выводящей навигации по страницам.
Проблема, с которой я сейчас сталкиваюсь, заключается в том, что после завершения анимации изображения мигают в течение доли мс (только на мобильных устройствах, не отображаются на рабочем столе). Все изображения хранятся локально. Наблюдая за временной шкалой, я обнаружил, что наибольшую нагрузку на производительность оказывает время декодирования изображения. Изображение размером 1020 пикселей загружается примерно за 24 мс. Если я уменьшу размер изображения до 320 пикселей, время декодирования сократится до 0,9 мс. Как я могу динамически изменять размер изображений в соответствии с целевым портом просмотра перед загрузкой DOM? Я просмотрел этот ответ, но нашел его немного сложным для моей ограниченные знания javascript.
Любые чаевые были бы очень признательны.
Даниэла