Статические изображения загружаются очень медленно

Question

Итак, моя папка assets в приложении Angular имеет размер около 1 ГБ , где изображения близки к 134MB и видео738 МБ.Компонент, который отображает , эти изображения занимают около 3-4 секунд для локального отображения , и это занимает больше минуты наприложение, которое развернуто в PCF (даже после использования AOT).

Странная вещь заключается в том, что компоненты визуализируются всего за доли секунды, если мы снова их посетим.

Я пытался использовать отложенную загрузку изображений с помощью deferload.Но проблема все еще не решена.

Может ли кто-то поделиться своими мыслями по этому поводу.

Answer 1

Вы можете использовать npm install package ng-lazyload-image

Уточните URL для описания и использования документов

https://www.npmjs.com/package/ng-lazyload-image

Answer 2

Скорее всего, загрузка таких больших изображений приводит к медленной загрузке приложения.Вероятно, нет необходимости иметь такой большой размер изображения.Вы можете попытаться изменить размеры изображений с помощью чего-то вроде лямбда-изменения размера изображения.

Также при повторном посещении сайта все данные уже кэшируются в браузере.Вы можете попытаться отключить кеш во вкладке сети, и он должен работать медленно при каждом посещении сайта