Как загрузить анимацию холста JavaScript как можно быстрее?

Question

У меня есть WordPress-сайт, к которому я добавил сюда немного пользовательского кода:

https://simplygram.com

Сайт загружается достаточно быстро. Однако на домашней странице мы применяем анимацию частиц.js к фоновому холсту.

Соответствующий код для нанесения частиц можно увидеть здесь:

jQuery("particles2").ready(function( $ ){
      if(!window.isMobile && document.getElementById('particles2') != null) {
    desktopParticles();
  }
});

Где «частицы2» - это идентификатор элемента, над которым мы накладываем частицы.

Если вы наблюдаете за загрузкой страницы, вы увидите, что домашняя страница загружается быстро, менее чем за одну секунду, однако анимация частиц.js вступает в силу через несколько секунд (предположительно она работает рядом с остальными JS на странице).

Я подумал, что добавление прослушивателя событий .ready к соответствующему DIV будет применять анимацию частиц, как только Div появится в DOM. Однако анимация, похоже, применяется практически наравне с конечной загрузкой страницы.

Как лучше всего применить анимацию частиц.js как можно быстрее, в идеале сразу после того, как соответствующий фоновый div доступен в DOM?

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

Спасибо!