Get the encoded data size of all requests in a page

getTransferSize.js

const puppeteer = require('puppeteer');
const prettyBytes = require('pretty-bytes');
const chalk = require('chalk');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  const devToolsResponses = new Map();
  const devTools = await page.target().createCDPSession();
  await devTools.send('Network.enable');

  devTools.on('Network.responseReceived', event => {
    devToolsResponses.set(event.requestId, event.response);
  });

  devTools.on('Network.loadingFinished', event => {
    const response = devToolsResponses.get(event.requestId);
    const encodedBodyLength = event.encodedDataLength;
    console.log(`${chalk.green(prettyBytes(encodedBodyLength))} - ${response.url}`);
  });

  const url = 'https://www.baidu.com';
  await page.goto(url, { waitUtil: 'networkIdle2' });

  await browser.close();
})();