browsertime/lib/chrome/networkManager.js

Get performance metrics from your web page using Browsertime.

import { getLogger } from '@sitespeed.io/log';
import { getProperty } from '../support/util.js';

const log = getLogger('browsertime.chrome.network');

export class NetworkManager {
  constructor(cdpClient, options) {
    this.maxTimeout = getProperty(
      options,
      'timeouts.pageCompleteCheck',
      30_000
    );
    this.idleTime = getProperty(options, 'timeouts.networkIdle', 5000);

    this.cdp = cdpClient.getRawClient();
    this.inflight = 0;
    this.lastRequestTimestamp;
    this.lastResponseTimestamp;

    this.cdp.Network.requestWillBeSent(() => {
      this.inflight++;
      this.lastRequestTimestamp = Date.now();
    });

    this.cdp.Network.loadingFinished(() => {
      this.inflight--;
      this.lastResponseTimestamp = Date.now();
    });

    this.cdp.Network.loadingFailed(() => {
      this.inflight--;
      this.lastResponseTimestamp = Date.now();
    });
  }

  async waitForNetworkIdle() {
    const startTime = Date.now();

    while (true) {
      const now = Date.now();
      const sinceLastResponseRequest =
        now - Math.max(this.lastResponseTimestamp, this.lastRequestTimestamp);
      const sinceStart = now - startTime;

      if (sinceLastResponseRequest >= this.idleTime) {
        if (this.inflight > 0) {
          log.info(
            'Idle time without any request/responses. Inflight requests:' +
              this.inflight
          );
        }
        break;
      }

      if (sinceStart >= this.maxTimeout) {
        log.info(
          'Timeout waiting for network.  Inflight requests:' + this.inflight
        );
        break;
      }

      await new Promise(r => setTimeout(r, 200));
    }
  }
}