Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 带<;使用>;和加载flash—文件是否异步加载?_Html_Css_Performance_Svg - Fatal编程技术网

Html 带<;使用>;和加载flash—文件是否异步加载?

Html 带<;使用>;和加载flash—文件是否异步加载?,html,css,performance,svg,Html,Css,Performance,Svg,我遇到了一个稍微令人恼火的问题,我的svg图标在速度较慢的设备上(未缓存时)的其他内容之后明显加载。这会导致“丢失/无图标闪烁” .svg图标组合在外部svg精灵中,并通过以下方式获取: <svg class="icon icon-microsoftexcel"> <use href="/icons/symbol-defs.svg#icon-example" xlink:href="/icons/symbol-defs.svg#icon-example"><

我遇到了一个稍微令人恼火的问题,我的
svg
图标在速度较慢的设备上(未缓存时)的其他内容之后明显加载。这会导致“丢失/无图标闪烁”

.svg
图标组合在外部svg精灵中,并通过以下方式获取:

<svg class="icon icon-microsoftexcel">
    <use href="/icons/symbol-defs.svg#icon-example" xlink:href="/icons/symbol-defs.svg#icon-example"></use>
</svg>
但是,这会导致浏览器(chrome)加载
.svg
文件2次,而不是一次,并且在尝试使用
背景图像对其进行“预加载”时,情况也是如此

.body::before{
content: url("/icons/symbol-defs.svg");
display:none;
}