Lighthouse analyzes web apps & sites, collecting modern performance metrics and insights on best practices. 📊 And yes, that's 4 underscores, my friends!
- Tweets 83
- Following 21
- Followers 14,454
- Likes 16
ALT A Lighthouse report, with the score gauge at the top subdivided into multiple arcs, each corresponding to one of the performance metrics.
ALT Landing of the Lighthouse Report Diff Tool. The UI has options drag-n-drop or select-from-disk two JSON or HTML reports. Or view an example.
ALT Primary diff view. Shows how the top-level scores have improved/regressed. And perf metrics. And summaries for each audit.
ALT Detail diff view on "First Contentful Paint", "Serve images in next-gen formats" and "Eliminate render-blocking resources" differences in timing, observed transfer size and potential savings are called out.
ALT Detail diff view of "Enable text compression" and "User Timing marks and measures". In user timing, you can see how the start time and duration of marks/measures have changed between the two.
ALT A table from a Lighthouse report with listed script URLs grouped and labeled by third parties, like "Google Tag Manager" and "Google Analytics" in this example.
ALT An example of the Lighthouse results JSON, with an "entities" section expanded to show details like resources loaded from a particular entity (Google Fonts in this example), the entity's category and homepage, and any origins associated with the entity.
ALT The refreshed Lighthouse 9.0 report, with an embedded screenshot of the page being tested and more prominent display of the performance metrics.
ALT A Lighthouse user-flow report listing multiple steps of interacting with a page and Lighthouse audit results at each step
ALT An example Lighthouse report showing potential load-time savings from reencoding images using a next-gen format like AVIF
ALT A graph of Lighthouse install size over time, showing a recent trend from 65 MiB for 7.3 to 24 MiB in 8.0