Sencha touch 2 - URL фонового изображения против base64

Question

Я создал приложение phonegap в sencha touch 2. Все работает нормально, но я замечаю кратковременное зависание при переключении вкладок при загрузке изображений / значков.

Я бы подумал, что это было бы мгновенно, так как все изображения содержатся в приложении.

Я загружаю изображения в качестве фоновых изображений CSS.

В качестве теста я взял одно из изображений и превратил его в строку, закодированную в base64, и поместил ее в CSS. Нет разницы.

Это как с приложениями PhoneGap? или есть способ заставить изображения загружаться мгновенно? поджимать?

Answer 1

Вы можете сделать это, используя нативный JavaScript, см. Мой пример кода ниже

var me = this; 
me.image = new Image();
me.image.src = 'test.jpg';
me.image.onload = function() {
    console.log("Image Loaded");
}

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