Lighthouse score badges

Be proud of your Lighthouse score! Display this badge in a Github readme, on your site, in a presentation,...wherever.

Large:

Compact:

Include category:

Examples

API: https://lighthouse-badge.appspot.com/?score=<SCORE>[&compact]

Parameters:

• score: required. set from [0,100].
• compact: optional. Renders smaller image instead.
• category: optional. Specify a report section label (e.g. "PWA", "Perf", "A11y", "Best Practices")

Markdown

[![Lighthouse score: 100/100](https://lighthouse-badge.appspot.com/?score=100)](https://github.com/ebidel/lighthouse-badge)

[![Lighthouse score: 85/100](https://lighthouse-badge.appspot.com/?score=85&compact&category=PWA)](https://github.com/ebidel/lighthouse-badge)

[![Lighthouse score: 65/100](https://lighthouse-badge.appspot.com/?score=65&compact)](https://github.com/ebidel/lighthouse-badge)

HTML

<a href="https://github.com/ebidel/lighthouse-badge" target="_blank" rel="noopener">
  <img src="https://lighthouse-badge.appspot.com?score=100">
</a>

<a href="https://github.com/ebidel/lighthouse-badge" target="_blank" rel="noopener">
  <img src="https://lighthouse-badge.appspot.com?score=85&category=PWA">
</a>

<a href="https://github.com/ebidel/lighthouse-badge" target="_blank" rel="noopener">
  <img src="https://lighthouse-badge.appspot.com?score=165&compact">
</a>