Lighthouse Audit Report highlighting best practices compliance

In today’s world, web development agencies and internal development teams must incorporate accessibility and SEO testing and best practices into their workflows as a regular part of the development process.

External providers must detail how they plan to address these considerations in statement-of-work documents or proposals. Internal development teams must make accessibility, performance, and SEO testing a part of the code review and approval process.

With Tugboat’s new automated accessibility and SEO audits for every deploy preview, organizations have a new tool to help them win work and demonstrate accessibility compliance in their development processes.

How Tugboat is bringing accessibility, SEO, and best-practices audits to every pull request.

To bring web development teams the accessibility, SEO, and best-practices testing they need, Tugboat has added Google Lighthouse audit integration for Tugboat Enterprise plans. Development teams can add URLs for which they’d like to conduct Lighthouse testing directly to the Tugboat config.yml, using a new URL structure outlined in Tugboat’s documentation.

The Tugboat Lighthouse integration defaults to auditing five key categories:

  • Performance
  • Accessibility
  • Best Practices
  • SEO
  • Progressive Web Apps

However, you can provide a custom configuration to tweak scoring, add or turn off audit categories, and add custom checks for your organization’s needs.

How to use Lighthouse online via Tugboat’s integration

If you’re on an Enterprise tier, all you have to do is change your config.yml to take advantage of Tugboat’s new URL structure. List the pages where you want to run Lighthouse reports in the config.

Tugboat config.yml file showing urls under a urls key
Update your Tugboat config.yml to the new URL structure to generate Lighthouse reports

By default, these pages will also get visual regression testing if you’re using Base Previews; you can explicitly turn visual diffs off if you only want to get Lighthouse audits on your URLs.

Then, when you rebuild your Previews, you’ll see a list of Lighthouse audit reports in your Preview dashboard.

Screenshot of the Tugboat Preview Dashboard showing Lighthouse Report scores for specified URLs
Lighthouse Audit Reports configured for key website pages in the Tugboat Preview Dashboard

You’ll also see a Tugboat Lighthouse Report status posted to your linked git provider.

Screenshot of a git pull request status pane showing Tugboat - Lighthouse Reports status
Tugboat’s Lighthouse Reports posted as a status to a linked GitHub pull request

After your configuration is all set up, every new pull request that your team makes will automatically get Lighthouse audits for the key pages you’ve identified in your config. You can keep an eye on these reports for changes that might indicate regressions, and spot opportunities to improve your site’s accessibility, performance, SEO, or overall code health.

Accessibility report highlighting issues
Tugboat’s Lighthouse Accessibility Audit highlights opportunities to improve website accessibility

Whether you’re an internal development team or a web development agency using Tugboat to provide deploy previews to your clients, this new automated Google Lighthouse integration enables you to fulfill organizational requirements and delight stakeholders with an audit trail to demonstrate your accessibility, performance, and SEO work.