Announcing Lighthouse Support

Ben Schwarz

Ben Schwarz

May 19, 2017

Performance, Progressive Web App, Best Practice, and Accessibility Audits built right in to Calibre

It’s been almost two months since the release of Test Profiles and Budgets 2.0, and the response has been mind-blowing. 👏

I’m excited to announce the next major feature release:

Calibre is now the first tool to offer continuous Lighthouse reporting.

The wonderful Lighthouse logo
The wonderful Lighthouse logo

What is Lighthouse, anyway?

I’m glad you asked. Lighthouse is an Open Source project by the Google Chrome team that helps developers improve user experience through Progressive Web App, accessibility and best practice tests. 💅

In development since March 2016, Lighthouse has quickly grown into an absolutely indispensable suite. As of today, Lighthouse is available in three forms: a browser extension, an NPM package and also directly in Chrome Devtools.

Lighthouse in Chrome Canary Devtools
Lighthouse in Chrome Canary Devtools

Despite three methods of using Lighthouse, to do so continuously, we’d be left with a non-trivial task of writing custom scripts and deploying servers, rather than focusing on delivering better Web experiences to our customers.

It became clear that pairing Calibre with Lighthouse can offer an even more comprehensive landscape of performance, accessibility and offline capability.

🎩 Calibre Lighthouse

Lighthouse provides audits for four areas of focus: Performance, Progressive Web Apps, Best Practices and Accessbility.

Calibre brings those Lighthouse audit scores to the forefront as a familiar A-F grading system.

Performance compared between desktop and mobile test profiles
Performance compared between desktop and mobile test profiles

These audits provide actionable advice that will make apps faster, better to use and more accessible to a larger audience.

Twitter Mobile doesn’t entirely work offline, but receives a high PWA grade.
Twitter Mobile doesn’t entirely work offline, but receives a high PWA grade.

Calibre runs Lighthouse as part of every snapshot, which is great because:

  • 🌐 It’s run from all Calibre Agent locations.
  • 📱It’s configured using Test Profiles. Device and connection speeds will be emulated just like any other Calibre snapshot.
  • 🔒It’s run using Authentication settings. You can audit logged in pages of your apps.

📊 Metrics

The introduction of Lighthouse also brings in a few new metrics:

These user focused metrics are crucial to improving user experience, and like any other metric in Calibre, budgets can be set against them. 📈💥

🎉 Available today

Calibre Lighthouse is available for all account tiers, as of right now… actually, that’s a lie—we’ve been running Lighthouse for a little over a week now, so drop everything and go check your account as it’s already filled with data 😎

👏 A round of applause and heartfelt thank you

The Lighthouse Team: Brendan, Patrick, Eric, Ward and Paul have been intensely focused on shipping Lighthouse 2.0 in time for Google i/o, and have not wavered in their aid to make Calibre Lighthouse a reality.

I can’t thank them enough. 💙

Lighthouse is now also built into Chrome Devtools, audit your site during development, and monitor real world environments using Calibre. It’s a match made in heaven 👼

🙏 Supporting Calibre

If you too, think this release was ‘kind of a big deal’, and you want to help us continue building Calibre, please consider ✍️ signing up for a plan, ❤️ clicking up-vote on Medium, 🐦 tweeting or even shouting 🗣 “Calibre” to the sky. Your support is absolutely needed, valued, and appreciated.

We have so much more that we’re excited to share with you as we continue our mission to make the Web fast for everyone. 🌍🌏🌎

Ben Schwarz

Ben Schwarz

Ben is the founder and CEO of Calibre. He uses his experience in far-reaching Open Source projects and web standards to build tools for a better, more accessible web. Find him on Twitter or LinkedIn.

Become a site speed expert

Join thousands of subscribers keeping up-to-date with web performance news and advice.

The best performance newsletter I’ve come across. Highly recommended.

Addy Osmani

Addy Osmani

Engineering Manager at Google Chrome