Можно сделать

Добрый день.

Пытаюсь сделать lazy loading для плагина который сильно тормозит сайт.

Плагин вставляется через shortcode в некоторые посты. Хотел поправить в самом плагине, но он часто обновляется - слетят изменения, поэтому решил добавлять код прямо в посты.

Обнаружил, что ломается на этапе постановки EventListener`a, т.е. так работает:

<p>
   <script>
       const out = '[visualizer id="2543"]';

       function WPshortcodeLazyLoading() {
           document.write(out);
       };
       WPshortcodeLazyLoading();
   </script>
</p>

а так:

<p>
   <script>
       const out = '[visualizer id="2543"]';

       function WPshortcodeLazyLoading() {
           document.write(out);
           document.removeEventListener('scroll', WPshortcodeLazyLoading);
       };
       document.addEventListener('scroll', WPshortcodeLazyLoading);
   </script>
</p>

затирает весь сайт и ничего не выводит.

Посоветуйте, пожалуйста, какие нибудь-варианты решения...

ПС. document.write используется только для отладки...

вы выводите шорткод в браузере?

Уточните вопрос, я делаю на тестовом сайте WP, смотрю Хромом.

вы делаете бесполезную работу

шорткоды обрабатываются на сервере

Я знаю

Но на фронт они в виде кода приходят.

так сайт тормозит html код, который вставляет плагин?

или php код плагина?

Тормозит кривая загрузка js-файлов

тогда надо js файлы загружать асинхронно

а не вот этот велосипед)

Если я перепишу плагин который это делает, то всё слетит при его обновлении

не надо ничего переписывать. Если отдельные плагины, которые позволяют сделать асинхронную загрузку скриптов

- Обнаружил, что ломается на этапе постановки EventListener`a
WPshortcodeLazyLoading() еще не определён.

Я бы вообще посомтрел что там внутри этого магического метода

Она и так асинхронная, мне нужно её отложить

Плагины я тоже знаю