Вот частичное решение, я не тестировал шрифты. Идея состоит в том, что есть две страницы, например, страница всплеска и реальная страница. На странице всплеска вы загружаете все свои статические изображения, шрифты и т. Д., Создавая поддельные теги IMG на странице. Затем файлы находятся в кеше. Когда вы просматриваете свои файлы, загружаете их вниз, пауза между ними, чтобы свести к минимуму вероятность блокировки пользовательского интерфейса. Это стратегия, которую я планировал использовать для файлов javascript, но должен работать с другим статическим контентом.
//Load but doesn't execute. Gets the file into the local cache.
var preload;
if (/*@[email protected]*/false)
{
preload = function (file)
{
new Image().src = file;
};
}
else
{
preload = function (file)
{
//it really is an object
var obj = document.createElement('object'),
body = document.body;
obj.width = 0;
obj.height = 0;
obj.data = file;
body.appendChild(obj);
};
}
function preloadAll(urls)
{
processArray(urls, preload
//omit optional callback
);
}
function processArray(items, process, callback)
{
var todo = items.concat(); //create a clone of the original
setTimeout(function()
{
process(todo.shift());
if (todo.length > 0)
{
setTimeout(arguments.callee, 100);
} else
{
if (typeof callback === 'function')
{
callback(items);
}
}
}, 100);
}