emazzotta / Lighthouse Badges
Licence: mit
π¦Generate badges (shields.io) based on Lighthouse performance.
Stars: β 150
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Lighthouse Badges
Opensource
Delivering delightful digital solutions. Open Source packages with combined ~85M/month downloads, semantically versioned following @conventional-commits. Fully powered by Jest, @Babel TypeScript, @Airbnb @ESLint + @Prettier, @YarnPKG + @Lerna independent versioning, GH @Actions & automated dep updates with @RenovateBot.
Stars: β 459 (+206%)
Mutual labels: eslint, babel, jest
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: β 134 (-10.67%)
Mutual labels: eslint, babel, jest
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: β 621 (+314%)
Mutual labels: eslint, babel, jest
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: β 18,727 (+12384.67%)
Mutual labels: eslint, babel, jest
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: β 65 (-56.67%)
Mutual labels: eslint, babel, jest
Pwa
An opinionated progressive web app boilerplate
Stars: β 353 (+135.33%)
Mutual labels: eslint, babel, jest
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial β
Stars: β 145 (-3.33%)
Mutual labels: eslint, babel, jest
Nodebestpractices
β
The Node.js best practices list (December 2021)
Stars: β 72,734 (+48389.33%)
Mutual labels: eslint, npm, jest
Book
γη°δ»£εεη«―ε·₯η¨εΈζε¨ζεγhttps://guoyongfeng.github.io/book/
Stars: β 141 (-6%)
Mutual labels: eslint, babel, npm
Express React Boilerplate
πππ This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: β 32 (-78.67%)
Mutual labels: eslint, babel, jest
React Bolt
β‘ The most simple & robust boilerplate for your React projects.
Stars: β 298 (+98.67%)
Mutual labels: eslint, babel, jest
React Native Navigation Redux Starter Kit
React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK π
Stars: β 271 (+80.67%)
Mutual labels: eslint, babel, jest
Webpack React Boilerplate
Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules
Stars: β 358 (+138.67%)
Mutual labels: eslint, babel, jest
react-multi-context
Manage multiple React 16 contexts with a single component.
Stars: β 19 (-87.33%)
Mutual labels: babel, jest, travis
Serverless Typescript Starter
ππ
ββοΈ Deploy your next serverless JavaScript function in seconds
Stars: β 653 (+335.33%)
Mutual labels: eslint, babel, jest
Front End Guide
π Study guide and introduction to the modern front end stack.
Stars: β 14,073 (+9282%)
Mutual labels: eslint, babel, jest
Typescript Express Starter
π TypeScript Express Starter
Stars: β 238 (+58.67%)
Mutual labels: eslint, npm, jest
Yarn Package Boilerplate
An Yarn package with babel, jest, flow, prettier and more
Stars: β 10 (-93.33%)
Mutual labels: babel, npm, jest
Lighthouse Badges
This package allows you to easily create Lighthouse badges for all Lighthouse categories.
Ever wanted to brag about your sites's awesome Lighthouse performance? Then this is the package for you!
Examples
All Badges
Single Badge
Usage
Help
usage: lighthouse-badges [-h] [-v] [-s]
[-b {flat,flat-square,plastic,for-the-badge,popout,popout-square,social}]
[-o OUTPUT_PATH] [-r] -u URLS [URLS ...]
Generate gh-badges (shields.io) based on lighthouse performance.
Optional arguments:
-h, --help Show this help message and exit.
-v, --version Show program's version number and exit.
-s, --single-badge Output only one single badge averaging all lighthouse
categories' scores
-b {flat,flat-square,plastic,for-the-badge,popout,popout-square,social}, --badge-style {flat,flat-square,plastic,for-the-badge,popout,popout-square,social}
Define look and feel for the badge
-o OUTPUT_PATH, --output-path OUTPUT_PATH
Define output path for artifacts
-r, --save-report Save lighthouse report as html for every supplied url
Required arguments:
-u URLS [URLS ...], --urls URLS [URLS ...]
The lighthouse badge(s) will contain the respective
average score(s) of all the urls supplied, combined
Additionally you can pass parameters to the lighthouse process directly via environment variable:
# This will pass '--preset=desktop' to the lighthouse process
export LIGHTHOUSE_BADGES_PARAMS="--preset=desktop"
lighthouse-badges --urls https://www.youtube.com/
Run
Hint: node versions below 12 are not supported.
Option 1: npm
npm i -g lighthouse-badges
lighthouse-badges --urls https://www.youtube.com/ https://www.youtube.com/feed/trending -o test_results
Option 2: npx
npx lighthouse-badges --urls https://www.youtube.com/ https://www.youtube.com/feed/trending -o test_results
Option 3: Docker
# Warning, the docker version may alter the lighthouse results
docker run --rm \
-v $PWD/test_results:/home/chrome/reports \
emazzotta/lighthouse-badges \
/bin/sh -c "lighthouse-badges --urls https://www.youtube.com/ https://www.youtube.com/feed/trending"
Contributing
Sponsors
Sponsored by JetBrains
Author
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].