lighthouse-byte-weight-breakdown

Custom audit for Google Lighthouse to provide a byte weight breakdown by resource type.

I think it nicely complements the total-byte-weight audit (i.e. the one with the UI message: 'Avoids enormous network payloads').

Usage

Via custom Lighthouse configuration. See custom-config.js for an example.

Can be used standalone or extending default Lighthouse audits.

TODO

• Split third-party and first-party resources.
• Example config for both standalone and extending.
• Update page-weight README to link here.

Example output

See also

csabapalfi/page-weight if you also want to interact with your page with Puppeteer.