IE11 рендеринг / загрузка иконок позже по сравнению с другими браузерами - PullRequest
0 голосов
/ 28 июня 2018

Я использую приложение Angular 5 и использую значки SVG по всему сайту. В обычных браузерах, таких как Chrome, Mozilla и Safari, значки загружаются правильно, а в IE11 - нет.

Для этого я добавил svgxuse в мой файл pollyfill.ts. https://github.com/Keyamoon/svgxuse

После этого изменения все значки теперь загружаются в браузере IE11, но загружаются довольно поздно. Я имею в виду, что это занимает около 1-2 секунд после того, как весь контент был загружен на экран.

Это плохо с точки зрения пользователя. Кто-нибудь знает, как предварительно загрузить / быстро загрузить эти иконки в браузерах IE.

Заранее спасибо.

1 Ответ

0 голосов
/ 28 июня 2018

Я думаю, что вы не можете сделать так много .. возможно, попробуйте сервисный работник (я не знаю, работают ли они в 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

надеюсь, это поможет вам!

...