aeeble

Developers and website owners can now generate full Lighthouse reports for each site deploy using Netlify's updated Lighthouse build plugin. This feature provides detailed metrics and web vitals, such as Largest Contentful Paint and Cumulative Layout Shift, directly within the Netlify UI.

Key Features

• Full Lighthouse reports with scores and web vitals for each deploy
• Configurable device type and localization settings
• Optional build failure based on Lighthouse score thresholds
• Visualization of Lighthouse scores per deploy

Configuring Lighthouse Reports

Users can configure the Lighthouse plugin to run tests from different device types and localizations by modifying the Netlify .toml file. For example, users can change the default device type from 'mobile' to 'desktop' or set the locale to 'es' for Spanish reports.

Using Lighthouse Scores

Netlify displays top-level Lighthouse scores on the deploy page by default. For Pro plan users and above, score changes over time are visible on the deploy list, allowing teams to track performance improvements or degradations.

To start using this feature, install the latest version of the Lighthouse plugin and try out the new features. Feedback from developers is encouraged to further improve the plugin.