What does the Lighthouse badge show?
Four 0-100 scores from Google Lighthouse, refreshed weekly: Performance (Core Web Vitals — LCP, INP, CLS), SEO (meta, structure, mobile-friendly), Accessibility (WCAG basics), and Best Practices (HTTPS, deprecated APIs, console errors). All sourced live from Google's official PageSpeed Insights API.
Why your site needs a Lighthouse badge
Performance is now a Google ranking factor. Displaying your live Lighthouse scores publicly does two things at once: pressures you to keep them green, and signals to visitors that you care about web standards. Indie devs, agencies, and SaaS teams use it as a perpetual report card.
Core Web Vitals — explained
Largest Contentful Paint (LCP) measures load speed — should be under 2.5s. Interaction to Next Paint (INP) measures responsiveness — should be under 200ms. Cumulative Layout Shift (CLS) measures visual stability — should be under 0.1. All three feed your Lighthouse Performance score.
Drop it on any platform — one HTML snippet
Paste the badge anywhere — WordPress, Shopify, Wix, Webflow, Ghost, Squarespace, Blogger. The badge re-fetches its scores every 7 days, so it stays current without any work on your end.