Блог

У меня есть угловой веб-сайт, который должен отправлять запросы на отдых в серверную часть. Чтобы быстрее получать необходимые данные, я хочу использовать протокол HTTP/2, который позволяет выполнять несколько параллельных запросов по одному соединению.

Это мой код Angular 11 (машинописный текст), отправляющий 40 запросов в цикле:

 const observables: Observablelt;RecordingStepScreenshotgt;[] = [];  const endpoint = ...;  for (let i = 0; i lt; 40; i  ) {  observables.push(this.http.getlt;RecordingStepScreenshotgt;(endpoint)); }  forkJoin(observables).subscribe((result) =gt; {  console.log('execution of all calls has been finished'); });  

В приведенном выше фрагменте я параллельно выдаю 40 HTTP-запросов «get». Я использую «forkJoin», чтобы дождаться завершения всех наблюдаемых.

Я ожидал, что все они будут выпущены и завершены примерно в одно и то же время (параллельно). Однако в браузере (Chrome 96) Я вижу, что запросы выдаются один за другим, как бы водопадом:

Чего мне не хватает?

На случай, если кто-нибудь сочтет это полезным:

Как я обнаружил в другом ответе SO, когда Chrome видит несколько запросов к одному и тому же месту назначения (это то, что я сделал в своем примере), он ожидает завершения предыдущего запроса, чтобы сохранить следующие вызовы. Это поведение можно изменить, отключив кэш (заголовок хранилища без кэша). При отправке нескольких запросов в разные пункты назначения все запросы выполняются параллельно, как и ожидалось.