Как настроить использование динамически подгружаемого API так, чтобы это было эффективно и эстетично?

Для использования динамически подгружаемого API с эффективностью и эстетикой можно следовать следующим рекомендациям:

1. Определить конкретные цели и задачи, которые вы хотите решить с помощью динамически подгружаемого API. Это поможет определить необходимый функционал и параметры API.

2. Разработать структуру и интерфейс для взаимодействия с API, чтобы было удобно и интуитивно понятно для пользователей.

3. Обеспечить возможность гибкой настройки API с помощью параметров и опций, чтобы пользователи могли получить именно те данные или функционал, который им необходим.

4. Предусмотреть механизмы безопасности и защиты данных при использовании API, чтобы избежать утечек информации или злоупотреблений.

5. Предоставить подробную документацию и примеры использования API, чтобы пользователи могли быстро разобраться с его функционалом и возможностями.

Что касается примера решения задачи, который напоминал бы работу с window.dataLayer в Google Analytics, такой пример можно найти на официальном сайте Google Analytics в разделе "Документация". Там можно найти подробное описание работы с dataLayer, примеры кода и инструкции по его использованию для отслеживания и анализа данных на сайте.

Вот те простой хэлпер для ленивой загрузки одной функции: 
 
function lazyAsync(lib) {
  let promise;
  return async function (...args) {
    promise ??= lib();

    return (await promise).call(this, ...args);
  };
}

const doSomething = lazyAsync(async () => {
  // тут загружаем
  const doSomething = await loadLib('doSomething');

  // тут что-то делаем с загруженным

  // тут возвращаем конечную функцию
  return data => {
    // тут делаем с аргументами
    return doSomething.process(imgData);
  };
});

// если сразу загружается нужная функция - можно не усложнять
const doSomething = lazyAsync(loadDoSomethingProcess);

await doSomething(1);
await doSomething(2);
await doSomething(3);