lighthouse v7.5.0 Release Notes

Release Date: 2021-05-18 // almost 3 years ago
  • Full Changelog

    ๐Ÿš€ We expect this release to ship in the DevTools of Chrome 92, and to PageSpeed Insights within 2 weeks.

    ๐Ÿ†• New contributors

    Thanks to our new contributor ๐Ÿ‘ฝ๐Ÿท๐Ÿฐ๐Ÿฏ๐Ÿป!

    • Johannes Weber @johannes-weber

    Notable Changes

    ๐Ÿš€ We are releasing the Lighthouse Treemap!

    ๐Ÿ’ป You may already be familiar with treemaps thanks to webtreemap (which we use!) or source-map-explorer. With Lighthouse Treemap, you'll be able to view all the JavaScript bundles on your page easily from a Lighthouse report, in addition to some insights that may help reduce the amount of JavaScript on a page. The only requirement is that source maps are accessible (either publicly, or securely from the same computer that is running the Lighthouse audit).

    We even collect code coverage data from Chrome, and extrapolate the coverage of individual modules in a bundle. Note: this only takes into account a cold-load: code only used after user interaction will be marked as unused. Stay tuned for a future release, which will enable you to configure user flows and capture even more accurate performance insights.

    If we detect a large module included by multiple bundles, we'll alert you of that too.

    You can access Lighthouse Treemap from the report:

    Currently, only reports generated with the Lighthouse Node CLI will connect to the Lighthouse Treemap App. This functionality will be in DevTools and PageSpeed Insights as of Lighthouse v8.0.

    Demo

    Core

    • โž• add new CLS (all frames) to hidden metrics audit (#12476)
    • 0๏ธโƒฃ script-treemap-data: default config (#12494)
    • script-treemap-data: include unmapped bytes (#12452)
    • driver: extract gotoURL to navigation module (#12421)
    • ๐Ÿ“ฑ responsive-images: ignore images larger than viewport (#12414)
    • robots: use new fetcher to get robots.txt (#12423)

    Fraggle Rock

    ๐Ÿ‘Œ Support for auditing user flows (#11313)

    • ๐Ÿšš computed-artifact: remove settings and options from context (#12435)
    • โšก๏ธ convert optimized-images gatherer (#12491)
    • convert image-elements gatherer (#12474)
    • convert source-maps gatherer (#12467)
    • convert js-usage gatherer (#12450)
    • convert main-document-content gatherer (#12470)
    • convert css-usage gatherer (#12460)
    • convert trace-elements gatherer (#12442)
    • โš  extract warnings from gather-runner (#12469)
    • extract driver preparation methods (#12445)
    • extract navigation errors from gather-runner (#12461)
    • split out DOM utilities from legacy driver (#12431)
    • separate phase from gatherMode (#12370)
    • โž• add fetcher to transitional driver (#12419)
    • โž• add computed cache to pass context (#12427)

    Report

    • map metrics to audits, add metric filter (#11732, #12477)
    • โž• add treemap button, refactor icon styles (#12392)

    Deps

    • โšก๏ธ snyk: update snyk snapshot (#12443, #12468)
    • โšก๏ธ update transitive dependencies (#12466)
    • โšก๏ธ update marky to latest (#12440)

    I18n

    ๐Ÿ“„ Docs

    • โœ‚ remove AMP Plugin example (#12390)
    • โž• add python requests install to webtests (#12436)

    โœ… Tests

    • โšก๏ธ update chromium installable source path (#12364)
    • i18n: only accept IcuMessages in toBeDisplayString (#12487)
    • โž• add smokehouse to bin for downstream use (#12446)
    • ๐Ÿ‘ท split CI into unit and smoke workflows (#12422)
    • smoke: verify CSP violations caused by lighthouse (#12391)
    • โž• add organic TTI savings case to byte efficieny audit (#12418)

    Misc

    • treemap: esc to zoom out (#12498)
    • ๐Ÿšš treemap: remove too similar color hues (#12497)
    • treemap: shade background for unused bytes (#12486)
    • โšก๏ธ treemap: update colors on enter keypress (#12496)
    • ๐Ÿ’… treemap: set focus-visible styles for view mode buttons (#12495)
    • ๐Ÿ’… treemap: tweak styles for mobile (#12493)
    • treemap: highlight treemap node on mouse hover table row (#12483)
    • โฌ†๏ธ treemap: upgrade to 3.2.0 for keyboard navigation (#12488)
    • 0๏ธโƒฃ treemap: use 0.1 for default granularity (#12485)
    • ๐Ÿšš treemap: remove byte size from title (#12484)
    • treemap: add GA snippet for new property (#12481)
    • treemap: i18n (#12441)
    • treemap: fix colors (#12462)
    • treemap: duplicate-modules view mode (#12424)
    • treemap: add data table (#12363)
    • cli: destructure args in import (#12398)
    • ๐Ÿšš move predictive-perf off renderer i18n (#12482)
    • โœ… do not publish lighthouse-cli/test except smokehouse (#12415)