Файлы отложенного фонового изображения (или шрифта) CSS
Я хочу асинхронно загружать фоновые изображения CSS неблокирующим способом.
Я вижу в Chrome, что если я помещаю изображение в класс и загружаю изображение, добавляя класс к элементу DOM, это работает. Демо-версия:
setTimeout(function(){$("#imageContainer").addClass("imageClass");},10000);
Монитор сети показывает, что фактический файл изображения загружается только при применении класса.
Тем не менее, я полагаю, что браузер может уже загружать файл изображения при загрузке CSS (что, вероятно, блокирует рендеринг).
Вопрос:
Требует ли стандарт, чтобы файл изображения загружался только при применении класса?
Извините, я даже не знаю, с чего начать искать эту деталь.
Приложение: тот же вопрос касается и файлов шрифтов! Если причудливый шрифт является частью одного класса и класс применяется асинхронно - будет ли файл шрифта также загружаться асинхронно?