Каков наиболее эффективный способ предварительной загрузки изображений в React?Стоит ли усилий?

Question

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

Поэтому я начал думать, могу ли я загрузить изображения, которые будут загружены в следующий раз до изменения страницы.

Каков наиболее эффективный способ реализовать это?Это обычная практика?Что-то, к чему стоит стремиться?

Я попытался передать preLoadedImages Prop, а затем запустить этот фрагмент кода:

  componentDidMount() {
    if(this.props.preLoadImages){
      Object.values(this.props.preLoadImages).forEach((image) => {
        const img = new Image();
        img.src = image.fileName;
      });
    }
  }

В настоящее время я не вижу изображения, загруженные на вкладке сети, пока не перейду кследующая страница еще.