XHR/setTimeout/Chromeでスクロールが停止するまでプロミスが終了しない

Question

Chromeでは、ユーザーがすべてのXHRをスクロールしていて、スクロールが止まるまでsetTimeoutsが遅れてしまう場合があります。この動作はthis blog postで説明されています。この機能はモバイルスクロールに役立ちますが、無限のスクロールでは悲惨です。これは私がやろうとしていることです。これが起こっている

証拠：他のすべてのブラウザでは正常に動作

• ユーザーがスクロールを停止するまで、Chromeは空の画面が表示されます。スクロールが終わるまで

• ネットワークパネルには、一度にすべての彼らの仕上げ、その後、pendingとしてすべての要求が表示されます。

• これをスニペットに入れて実行し、すぐにスクロールを開始します。 setTimeoutは、スクロールが終了するまで呼び出されません。

var p = new Promise(function (resolve) { 
    setTimeout(function() { 
     console.log('resolving'); 
     resolve(); 
    }, 1000) 
}); 

p.then(function() { 
    console.log('DONE!!'); 
}) 

Answer 1

これはエンジンに関係しているので、私は回避策が可能であるとは思いません。代わりにChromeチームにバグレポートを提出しました。

https://bugs.chromium.org/p/chromium/issues/detail?id=661155

Answer 2

あなたの正確なシナリオと希望ブラウザのサポートによって、私はService Workers試してみた - そのようなあなたが取り扱いしている（と、すべてのトラフィックを傍受することができます）1などの作業のために意図されている、またはWeb Workerへのdo your AJAXをバックグラウンドに含む。

Answer 3

私はこれが、このChromeの機能に関連している可能性が信じている：

https://www.chromestatus.com/feature/5745543795965952（パッシブイベントリスナー）

Chromeはそう時々イベントをtouchmoveすることができます聞いて、ユーザーがスクロールしているとき、モバイル上で仕事をして回避しようと遅延ハンドラが実行され、タイムアウトが発生します。

デモ：
https://rbyers.github.io/scroll-latency.html
（ハンドラJankをチェックして、ページをスクロール）