Warum wird das Jquery-Lade-GIF bei der ersten Ladung nicht angezeigt?

Question

Mit dem folgende CSS:

.ui-autocomplete-loading { 
    background: url('/icons/loading.gif') no-repeat right center; 
} 

Beim Laden zuerst der Laden gif heruntergeladen verwendet wird, und ich denke, dass es zu lange dauert und daher nicht das erste Mal, zeigt es verwendet wird. Es ist für spätere Verwendungen da.

Wie stelle ich sicher die gif bereits heruntergeladen (Beachten Sie die loading.gif 2kb ist)

Answer 1

Preload es und Cache im Browser.

Irgendwo auf der Seite/in Ihrem javascript dies:

var image = new Image(); 
image.src = '/icons/loading.gif'; 
image.onload = function() { 
    console.log('loading gif is ready to go!'); // remove this in production 
};