--- title: "How to view Google Lighthouse scores for your site in Netlify" description: "Learn how to view your Google Lighthouse scores for your Netlify site, and better understand your site performance and its impacts on SEO." source: "https://www.netlify.com/blog/view-google-lighthouse-scores-visualizations/" last_updated: "2026-07-10T20:30:44.000Z" --- Google Lighthouse is an essential tool in your workflow as a developer. Ensuring that your site’s performance, accessibility, best practises and SEO scores are up to scratch is crucial in building great UX, retaining customers, and ranking well in search engines. But with an ever-expanding toolbox at our disposal in a fast-paced work environment, it can be tricky to keep on top of it all! How many times have you forgotten to review your Google Lighthouse scores before you’ve pushed out a new feature? If the answer is, “At least once!” then you’re in good hands with Netlify. With the Lighthouse Scores Visualizations plugin, you can view your Google Lighthouse scores — per deploy — right there in the Netlify UI. Let’s turn it on. And if you’re new to Lighthouse Scores, or want to learn more about how they’re calculated, check out the [Developer’s Intro to Core Web Vitals.](https://www.netlify.com/blog/2021/06/11/the-developers-intro-to-core-web-vitals/) ## Install the Lighthouse Plugin to your site Before we can enable the visualizations, we need to install the Lighthouse plugin. Skip this step if you’re already using it! Otherwise, navigate to **Plugins** and search for **Lighthouse**. Click **Install**. ![The plugins page of Netlify. Lighthouse is in the search box. The lighthouse plugin is shown in the search results with an install button on the right.](https://cdn.sanity.io/images/o0o2tn5x/production/2616627e39a60580aa335d35c9bb16afd7ca6f14-1030x624.png?w=700) Select the site to which you’d like to install the plugin, and confirm. ![Install Lighthouse Plugin page. I have searched for whitep4nth3r.com in the search box, and the site is showing in the search results, with an onward action arrow to the right of the result.](https://cdn.sanity.io/images/o0o2tn5x/production/ea20939abeff50ba30fc881305ca4441de176bdb-1030x778.png?w=700) You’ll now see Google Lighthouse scores in the logs for each deploy, even if you don’t activate the visualizations. But that’s what we’re here for, right? 😎 ## Activate the Lighthouse Scores Visualizations plugin in Netlify Labs Click on your user avatar to open the settings menu, and click on **Netlify Labs**. ![The user settings menu dropdown showing my name, user settings, netlify labs, and sign out.](https://cdn.sanity.io/images/o0o2tn5x/production/5ea05243817e5701daacdd4288a62e184d42ce7a-287x287.png?w=450) Scroll down to the Experimental features area, find **Lighthouse Score Visualizations**, and click **Enable**. Heads up! Each member of your team will need to activate this _individually_ in Labs. ![The experimental features list. All options are blurred out except for Lighthouse Score Visualizations which is the fourth item in the list.](https://cdn.sanity.io/images/o0o2tn5x/production/4cfb126ed573475b0d9fbe69e3ea815243f5a257-912x682.png?w=700) Next, kick off a deploy. When your build is complete, you’ll see a new `onPostBuild` event from `@netlify/plugin-lighthouse` in the logs. ![The deploy logs, showing the plugin-lighthouse task starting.](https://cdn.sanity.io/images/o0o2tn5x/production/1059a99f3703ca123f309ce19069f97402ac0056-998x424.png?w=700) When your deploy is complete, scroll up, and you’ll see your Google Lighthouse scores summary displayed beautifully at the top of the page! Never miss an unexpected score change again — even if you forget to check before you push. Amazing. ![Published deploy details with the usual links to open published deploy and lock publishing to this deploy. Below is a lighthouse summary section, which shows the following scores. 100 performance, 100 accessibility, 100 best practices, 100 SEO, 80 progressive web app.](https://cdn.sanity.io/images/o0o2tn5x/production/c8ce66ae7970cddc09dcdd8621817c1c16f58cdb-1200x659.png?w=700) ## Further reading [Check out our documentation](https://docs.netlify.com/netlify-labs/experimental-features/lighthouse-visualization/) for further reading and information about extra features available to paid Netlify accounts. We have a lot planned for this feature and will be adding functionality regularly — but we’d also love to hear your thoughts! Please [share your feedback](https://netlify.qualtrics.com/jfe/form/SV_1NTbTSpvEi0UzWe) about this experimental feature and tell us what you think. Happy Lighthousing! 👩🏽‍💻 ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=How to view Google Lighthouse scores for your site in Netlify&url=https://www.netlify.com/blog/view-google-lighthouse-scores-visualizations/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Fview-google-lighthouse-scores-visualizations%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/view-google-lighthouse-scores-visualizations/) - [Bluesky](https://bsky.app/intent/compose?text=How to view Google Lighthouse scores for your site in Netlify+https://www.netlify.com/blog/view-google-lighthouse-scores-visualizations/) * * * ### Tags - [Build Plugins](/blog/tags/build-plugins/) - [lighthouse](/blog/tags/lighthouse/) - [SEO](/blog/tags/seo/) - [Performance](/blog/tags/performance/) ## Keep reading ![](/images/blog-fallback-thumbnail.svg) Tools & Services March 26, 2021 [ ### Netlify Build Plugin of the Week: Lighthouse ](/blog/2021/03/26/netlify-build-plugin-of-the-week-lighthouse/) - ![Profile picture of Netlify team](/_astro/2ded7a52db41c7613be0baa648ac9bf9c1e8a985-300x300_DNhVu.svg) Netlify team ![](/images/blog-fallback-thumbnail.svg) Tools & Services June 22, 2020 [ ### Top 10 Netlify Build Plugins ](/blog/2020/06/22/top-10-netlify-build-plugins/) - ![Profile picture of Lauren Sell](/_astro/7d8cc2c59d5dcb8388fee712d59065344c3916c1-80x80_Z1uJpwt.webp) Lauren Sell ## 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/)