window.addEventListener('unload', logData, false);

function logData() {
   let client = new XMLHttpRequest();
   client.open("POST", "/log", false); // third parameter indicates sync xhr. :(
   client.setRequestHeader("Content-Type", "text/plain;charset=UTF-8");
   client.send(analyticsData);
} вы это имели ввиду?

С тел каша)
Сделай асинхронную функцию, в ней делай запрос к апи, удобно через async/await

асинхронно читаю -> получаю строку

я думал через флутер делать https://dev.to/avaq/fluture-a-functional-alternative-to-promises-21b

Типа такого

const url = 'https://your_url';
const api1 = async () => {
   return await fetch(url);
}

Господа эксперты, кто знает почему в puppeteer инстанс Page живет без инстанса Browser, смысл в том, что я выхожу из области видимости только с Page'ами, ссылок на Browser нет, Page'и дальше по себе живут, работают. Значит ли что ссылка в самом инстансе Page'а?

Огромное спасибо вот еще библиотечку нашел, вы случаем с ней не знакомы? https://github.com/vercel/swr

Не, первый раз вижу
Все они так или иначе делают тот же фетч, просто для кого-то с более удобной обёрткой

А по кешам не подскажите, я вижу вы очень опытный разработчик, как мне реализовать, что бы данные которые уже были подгружены ранее больше не подгружались🤷🏻‍♂️🤏🏼

имеется ввиду данные полученные по АПИ🤏🏼🤷🏻‍♂️

Я не очень опытный))
На джиэс не так давно перекатился
Кеш я бы хранил на сервере
Например, с помощью редиса
Когда дёргают какой-то апи, достаёшь это из бд и кладешь в редис, если второй раз его же дергают, проверяешь вначале редис, если результат прошлого вызова там лежит, то сразу отдаешь

В редисе можно хранить разные типы данных, так же можно и в виде ключ-значение
Так и делаешь ключ api1result, только с нормальным именем, а значение его - то, что пришло из бд

я вот такое решение нашел https://web.dev/cache-api-quick-guide/ , правда не знаю насколько оно подойдет. Я расте пишу, думал там копать

Мне сказали что эта задача на 15 минут и очень простая!🤓

Это кеш на фронте
Но проблема в том, что этот апи сейчас поддерживает только фф и хром, на моб так же

У него статус Рабочий черновик

тогда можно использовать кеш более высокого уровня  class LRUCHACHE {
   constructor(max = 10) {
       this.max = max;
       this.cache = new Map();
   }

   get(key) {
       let item = this.cache.get(key);
       if (item) {
           // refresh key
           this.cache.delete(key);
           this.cache.set(key, item);
       }
       return item;
   }

   set(key, val) {
       // refresh key
       if (this.cache.has(key)) this.cache.delete(key);
       // evict oldest
       else if (this.cache.size == this.max) this.cache.delete(this.first());
       this.cache.set(key, val);
   }

   first() {
       return this.cache.keys().next().value;
   }
}

юзается так let cache = new LRUCHACHE(3)
> [1, 2, 3, 4, 5].forEach(v => cache.set(v, 'v:'+v))
> cache.get(2)
undefined
> cache.get(3)
"v:3"
> cache.set(6, 6)
> cache.get(4)
undefined
> cache.get(3)
"v:3"

я думал что чем ниже тем лучше...😚

Мне нравится северный кеш больше тем, что он гарантирует тебе результат на любом устройстве в любом браузере