Back to Blog

Illuminating Insights with Lighthouse & Linc

Linc now automatically runs Lighthouse on every commit and lets you see the results instantly.

Gretchen Scott

Linc now automatically runs Lighthouse on every commit and lets you see the results instantly. 

Checking your Lighthouse score in Linc for every commit makes it simple for you to keep an eye on your application’s performance so you can catch regressions before they impact your customers.

Screen shot of Lighthouse Report Popup Inside the Linc application
Popup Lighthouse Report

The Lighthouse integration lets you see your Lighthouse score before deciding if a pull request is ready for merging.

This makes it possible to catch performance or accessibility regressions before they impact your users and also allows you to to keep an eye on your score variance over time.

This, in turn, enables you to know whether a planned performance optimisation does in fact optimise in the intended way.

Using Lighthouse with Linc makes your score easily sharable. Your Lighthouse score isn’t just obtained on your own machine. It is public and attached to the commit you just pushed. So anyone in your team can observe whether, for example, adding the entire _lodash library to your repo deleteriously affects your applications performance score.

Why Lighthouse?

Lighthouse measures a range of important categories including performance, accessibility, SEO, best practices and Progressive Web App (PWA).

It also provides you with a list of actionable items. When it identifies an issue, it will give you meaningful actions to address and improve execution.

The reports can point to explicit segments (and even lines) of code that can be improved.

Lighthouse is continuously refreshed by Google engineers to ensure that the most recent web metrics are the ones being assessed.

In addition to the currentness of the testing, Google also provides in depth documentation on how your scores are calculated and leads you to understand what actions need to be taken to improve the score.

How to set up Lighthouse integration with Linc

Setting up your Lighthouse integration with Linc is simple and only takes four easy steps.

Step 1:

Log into your Linc account and select which site you want to run Lighthouse on.

Step 2:

At the top right of your screen, click on Settings. This will bring up the left hand menu with Integrations.

Linc in app screen shot of Integrations menu
In app view of the Integrations menu

Step 3:

Once you select Lighthouse from the Integration menu, all you need to do is click on the ‘Add new Audit’ button.

In app screen shot of the Lighthouse Integration form
In app screen shot of the Lighthouse Integration form

All that is left to do at this point is select your environment from the dropdown menu, and specify the rest of your URL:

Lighthouse Integration Configuration

Step 4:

Now, just hit save.

At the top of the page, click back to the Overview of your site, and you’ll be able to view your Lighthouse score by hovering over the audit column.

You can click through from here to read the full Lighthouse report:

In app screen shot of detailed Lighthouse report

 Check out our Lighthouse integration now. If you don’t have a Linc account set up yet, get started here.

More from the Blog

Durable Objects in Production

Read how Linc is one of the first products worldwide to use Cloudflare's new serverless real-time data platform.

Read Story

The Future Place

Our tech products could be built with feedback and collaboration from many different experiences. We need to actively and deliberately invite other perspectives into the tech development process.

Read Story

The bottleneck in your frontend development isn't what you think it is

It is way past time to rethink the way we approach CI/CD for frontend applications. We need the automation to not replace humans, but to support them.

Read Story

Linc takes 10 minutes to set up

Start a free 14-day trial now