Skip to content

ebidel/lighthouse-badge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lighthouse score badges

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

Large:

Lighthouse score: 100/100 Lighthouse score: 65/100 Lighthouse score: 35/100

Compact:

Lighthouse score: 100/100 Lighthouse score: 65/100 Lighthouse score: 35/100

Include category:

Lighthouse score: 85/100 Lighthouse score: 85/100

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>