--- title: "Enable Lighthouse Reports with web vitals for each deploy | Netlify Blog" description: "With the latest update to the Lighthouse build plugin for Netlify sites, you can generate a full Lighthouse report with metrics and web vitals like First Contentful Paint and Cumulative Layout Shift for each deploy. Measure whether your performance improves or degrades with each build." source: "https://www.netlify.com/blog/lighthouse-plugin-full-reports-for-each-deploy/" last_updated: "2026-07-10T21:28:23.000Z" --- Today we’re excited to announce that you can now generate full Lighthouse reports for each site deploy! This build plugin update gives you everything you’d expect in a Lighthouse report, conveniently available from the Netlify UI. This release is currently in public beta and available to try today. ## Full Lighthouse reports with scores and web vitals Prior to this release, you could visualize your Lighthouse scores for each deploy but there was no way to read a full report from the Netlify UI. With this release, Netlify now includes an embedded Lighthouse report with metrics in addition to the scores for Performance, Accessibility, Best Practices, SEO, and Progressive Web Apps (PWA). Among the metrics available in the report, you’ll find some web vitals included: Largest Contentful Paint and Cumulative Layout Shift. These web vitals metrics are especially important for search engine results. Use these reports to understand how your performance is improving — or degrading — with each deploy. ![image](https://cdn.sanity.io/images/o0o2tn5x/production/a79290fb6e0bac7f9314570d3e4b2fda5f7c8963-1999x1504.jpg) ## Configuring the Lighthouse plugin for device type and localization The performance of your site or application may be different based on a user’s device type or location. By default, without any configurations to the .toml file, Netlify will run the Lighthouse test from a mobile device type with the locale “en”. Now you have the option to configure different configurations for your Lighthouse test results within the Netlify .toml file. For example, if you’d like to change the default device type from “mobile” to “desktop” you can write a line in the .toml file that looks like this: ``` [[plugins]] package = "@netlify/plugin-lighthouse" [plugins.inputs.settings] preset = "desktop" # Optionally run Lighthouse using a desktop configuration ``` Or, if you’d like to change the Locale to one of the supported options you can write it like this: ``` [[plugins]] package = "@netlify/plugin-lighthouse" [plugins.inputs.settings] locale = "es" # generates Lighthouse reports in Español ``` ## Fail your Netlify build based on Lighthouse score thresholds Similar to other build plugins in our ecosystem, the Lighthouse plugin gives you the option to fail your build if your Lighthouse scores fall below defined thresholds. You can set these thresholds within the Netlify .toml file. ``` [[plugins]] package = "@netlify/plugin-lighthouse" [plugins.inputs.thresholds] performance = 0.9 ``` ## Visualizing Lighthouse scores per deploy By default, Netlify will show your top-level Lighthouse scores on the deploy page. ![image](https://cdn.sanity.io/images/o0o2tn5x/production/ad3e8478fe3ca68eb4f3942ec1bd21f4b27fd9fd-1999x1442.png) Further, if your team is on a Pro plan or above, you can see how the scores have changed over time on the deploy list. ![image](https://cdn.sanity.io/images/o0o2tn5x/production/97b8c8ab3cf3eb8b72eec803b3be5fa4bb014698-1999x1504.png) ## Start measuring your site performance with Lighthouse reports Go [install the latest version of the Lighthouse plugin](https://www.netlify.com/integrations/lighthouse/) and try out these new features today! This latest release was driven by customer feedback from developers like you. [Let us know what you think](https://netlify.qualtrics.com/jfe/form/SV_1NTbTSpvEi0UzWe). ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=New for the Lighthouse plugin: Full reports for each deploy&url=https://www.netlify.com/blog/lighthouse-plugin-full-reports-for-each-deploy/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Flighthouse-plugin-full-reports-for-each-deploy%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/lighthouse-plugin-full-reports-for-each-deploy/) - [Bluesky](https://bsky.app/intent/compose?text=New for the Lighthouse plugin: Full reports for each deploy+https://www.netlify.com/blog/lighthouse-plugin-full-reports-for-each-deploy/) * * * ### Tags - [changelog](/blog/tags/changelog/) - [lighthouse](/blog/tags/lighthouse/) - [Build Plugins](/blog/tags/build-plugins/) ## Keep reading ![](/_astro/eb275ddb9290b947ba4c53ac30538c77b44edae9-720x405_1y2MXK.webp) News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças ![](/_astro/d20f9f717bbdd511f73ee138be4114ff13f480f9-2400x1350_1fe4aq.webp) News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)