JavaScript - проблемы с производительностью при предварительной загрузке изображений с помощью конструктора изображений - PullRequest
Новая
       31

JavaScript - проблемы с производительностью при предварительной загрузке изображений с помощью конструктора изображений

0 голосов
/ 03 декабря 2018

Я предварительно загружаю некоторые изображения в свое веб-приложение (созданное с помощью React), как показано ниже: 

preloadImages = (imageUrls) => {
  imagesUri.forEach(imageUrl => {
    const img = new Image();
    img.src = imageUrl;
  })
}

Мой вопрос: , так как я создаю новое Image объекты из массива URL-адресов изображений, скажем, 10 изображений, это влияет на производительность?Я не уверен, нужно ли мне удалять созданный элемент, поскольку переменная img находится внутри forEach.

1 Ответ

0 голосов
/ 03 декабря 2018

Переменная img здесь не проблема.

Но производительность снизится, поскольку вы, вероятно, предварительно загружаете ненужные изображения.

Проверьте отладчик браузера -> вкладка сети.

Вы увидите влияние потоков и производительности.

И если вы говорите о HEAP, он обнаружит, используется ваш новый объект или нет.И он автоматически удаляет объект, если он не используется.

...