Медленная загрузка изображения с помощью spritespin.js

Question

Я пытаюсь анимировать вращение на 360 градусов на странице, используя множество изображений (110) с пакетом spritespin, что означает, что они все загружены, поэтому для просмотра страницы требуется некоторое время. Я попытался предварительно загрузить только один кадр, но затем, когда я вращаю картинку вокруг некоторых кадров, загружается неправильно (вместо этого я получаю пробелы), особенно в последнем кадре (так что, скорее всего, последний кадр все еще не загружался).

Итак, это мой конфиг spritespin:

<script>

var frames = SpriteSpin.sourceArray('/images/RcH_png_000{frame}.jpg', { 
    frame: [1, 110]
});

$(".spritespin").spritespin({
  // path to the source images.
  source: frames,
  //width   : 480,  // width in pixels of the window/frame
  //height  : 327,  // height in pixels of the window/frame
  responsive: true,
  animate: false,
  preloadCount:1,
  plugins: [
      '360',  // display plugin
      'drag', // interaction plugin
    ]
});
</script>

Вы также можете проверить, как медленно загружается сайт, здесь: https://dry -cove-88007.herokuapp.com