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;
}