与其他浏览器相比，IE11 渲染/加载图标较晚

Question

我正在使用Angular 5应用程序并在整个站点中使用SVG图标。在Chrome，Mozilla和Safari等普通浏览器中，图标可以正确加载，但在IE11中图标无法加载。

为此，我在我的pollyfill.ts文件中添加了svgxuse。 https://github.com/Keyamoon/svgxuse

此更改后，所有图标现在都在IE11浏览器中加载，但它们加载得很晚。我的意思是，在所有内容加载到屏幕上后，大约需要 1-2 秒。

从用户的角度来看，这并不好。有没有人知道如何在IE浏览器中预加载/快速加载这些图标。

提前谢谢。

Answer 1

我认为你不能做那么多..也许尝试一下服务工作者(我不知道他们是否在IE11中工作(..有了Service worker您可以加载和缓存图像和资产...

像这样：(在你的ngsw-config.js文件中(

{
"index": "/index.html",
"assetGroups": [{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html"
],
"versionedFiles": [
"/*.bundle.css",
"/*.bundle.js",
"/*.chunk.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**"
]
}
}]
}

然后在您的 angular.cli.json 文件集中：

"serviceWorker": true

希望对您有所帮助！