Загрузка JSON файлов в фоновом режиме (низкая скорость веб-страницы) - PullRequest
Новая
       20

Загрузка JSON файлов в фоновом режиме (низкая скорость веб-страницы)

0 голосов
/ 27 февраля 2020

У меня сложная анимированная веб-страница, и я использую библиотеку Bodymovin. Поэтому мне нужно загрузить около 10 JSON файлов, заполненных SVG-анимацией. Это заставляет веб-страницу загружаться очень медленно, как 5 секунд на мобильном телефоне. Я хочу загрузить эти данные в фоновом режиме, асинхронно.

Вот как я определяю файловую переменную: 

var svg2 = document.getElementById('stage2');
animData2 = {
  wrapper: svg2,
  animType: 'svg',
  ...  
  path: 'filename.json'
}

Это то, как я загружаю данные (и где вещи действительно замедляются ) 

var animItem2 = bodymovin.loadAnimation(animData2);
animItem2.addEventListener('DOMLoaded', onDOMLoaded2);

Каким образом все мои дюжина переменных animItem загружаются в фоновом режиме, чтобы веб-страница могла отображаться быстро?

...