我想以非阻塞方式异步加载 CSS 背景图像。
我可以在 Chrome 中看到,如果我将图像放入一个类并通过将类添加到 DOM 元素来加载图像,它就可以工作。演示:
setTimeout(function(){$("#imageContainer").addClass("imageClass");},10000);
网络监视器显示实际图像文件仅在应用类时才加载。
但是,我想浏览器在加载 CSS 时可能已经加载了图像文件(这可能会阻止渲染)。
问题:
标准是否要求仅在应用类时才加载图像文件?
很抱歉,我什至不知道从哪里开始寻找这个细节。
附录:同样的问题也适用于字体文件!如果一种花哨的字体是一个类的一部分并且该类是异步应用的-字体文件是否也会异步加载?