marcelxpfeifer / unlighthouse

Unlighthouse scans your entire site using Google Lighthouse, with a modern UI, minimal config and smart sampling.

Home Page:https://unlighthouse.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

unlighthouse - Scan your entire website with Google Lighthouse.

NPM version NPM Downloads Docs & Demos
GitHub stars

Unlighthouse scans your entire site using Google Lighthouse,
with a modern UI, minimal config and smart sampling.


Status: Public Early Access ๐ŸŽ‰
Made possible by my Sponsor Program ๐Ÿ’–
Follow me @harlan_zw ๐Ÿฆ

Scan your site quickly.

โšก๏ธ Fast

Take advantage of your CPU with threaded workers and use opportunistic throttling and categories for lightning quick scans.

๐Ÿž Automated URL Discovery

Fast, configurable URL discovery using sitemap.xml parsing, internal link crawling and project file scanning.

๏ธ๐Ÿฃ Dynamic Route Sampling

Fewer URLs to scan with automatic sampling of dynamic routes. Hook up your local project files to make it even smarter.

Visualise your sites health

๐ŸŒˆ Modern UI

View your sites' health as a whole with the Unlighthouse client built with Vite. Easily see, search and sort your pages, re-scan individual pages and more.

๐Ÿฌ๏ธ SEO Goodies

View all of your pages titles, share images, meta descriptions, see how many internal and external links you have.

โœ…๏ธ Accessibility Summary

See how your sites accessibility stacks up, find high-leverage issues to fix easily and visually see colour contrast issues.

Built for Developers

๐Ÿง‘โ€๐Ÿ’ป Integrated Development

Finding issues with your site is one thing, fixing them is another. Unlighthouse comes packed with local development plugins for most popular frameworks.

See which file belongs to a URL, fix your issue, unlighthouse will automatically re-audit the page!

๐Ÿค– CI Ready

Set a budget for all each category, scan all pages, know if any of the pages breaks the budget. Easy.

Use the CI to upload your sites reports and access them all at any time.

๐Ÿ›  Hackable

Unlighthouse was built to modify, with isolated packages, robust API and a generous hook system. You can even modify the columns in the client!

Getting Started

Install instructions for all integrations can be found on the docs site.

Need a hand? Join the Discord for one-on-one help.

Quick Setup - CLI

Ensure you're using Node.js >=14 and run the following command:

# NPM
npx unlighthouse --site <your-site>
# or PNPM
pnpm dlx unlighthouse --site <your-site>

By default, Unlighthouse will try and find your Google Chrome installation and use that with puppeteer. If you have issues with that you can install puppeteer globally.

npm install -g puppeteer

gitignore

Unlighthouse will save your reports in outputDir (.unlighthouse by default), it's recommended you .gitignore these files.

Debugging

As Unlighthouse is in early access, it's recommended you run it in debug mode.

# NPM
npx unlighthouse --site unlighthouse.dev --debug
# or PNPM
pnpm dlx unlighthouse --site unlighthouse.dev  --debug

Docs

Integration instructions, Guides, API and config spec can be found on docs site.

Sponsors

License

MIT License ยฉ 2022 Harlan Wilton

About

Unlighthouse scans your entire site using Google Lighthouse, with a modern UI, minimal config and smart sampling.

https://unlighthouse.dev


Languages

Language:TypeScript 68.3%Language:Vue 30.5%Language:HTML 1.2%Language:JavaScript 0.1%