How to use performance budgets with flow API

[chatur-sriganesh]

Hi,

Is there a way to use performance budgets/lightwallet with flow API?
would be super helpful if you can help provide an example

@adamraine @brendankenny

[adamraine]

You can define budgets on the config:

import * as flowApi from 'lighthouse/core/fraggle-rock/api.js';
import puppeteer from 'puppeteer';
import fs from 'fs';

const browser = await puppeteer.launch({headless: false});
const page = await browser.newPage()

const config = {
  extends: 'lighthouse:default',
  settings: {
    budgets: [
      {
        path: '/*',
        resourceSizes: [
          {
            resourceType: 'script',
            budget: 200
          }
        ]
      }
    ]
  }
}

const flow = await flowApi.startFlow(page, {config});

await flow.navigate('https://paulirish.com');

const report = await flow.generateReport();
fs.writeFileSync('flow.report.html', report);

await page.close();
await browser.close()

Might be worth noting this in our docs though.

[chatur-sriganesh]

This helps! Thanks a lot!