Optimizing Your Website's Performance With a Google Lighthouse Audit

Improve website performance with Google Lighthouse Audit. Learn how to increase mobile and desktop scores for Performance, A11Y, Best Practices, and SEO.

in Web Dev

Google Lighthouse is a developer tool available in Chrome that provides scores related to Performance, A11Y (Accessibility), Best Practices, and SEO (Search Engine Optimization).

You run the audit on any site by opening the dev tools and clicking on 'Generate Report' within the Lighthouse tab.

Google Lighthouse Audit Generate Report Screen

 

Blogthedata.com Mobile score

Mobile Score for Google Lighthouse. 98 for performance. 86 for A11y, and 92 for best practices

Blogthedata.com Desktop score

Desktop Score for Google Lighthouse. 100 for performance. 86 for A11y, and 92 for best practices

Not too shabby!

To increase the score, Lighthouse provides a laundry list of 'opportunities' you can leverage. For example, Time to first paint reduces by half a second if I defer loading CSS and JavaScript.

Eliminate render-blocking resources opportunity. Defer CSS and Javascript to improve load time by 0.41 seconds.

In terms of A11Y, it found a few things. I thought I added alt-text to all images, but forgot to add alt-text to my profile photo!

Avatar images do not have alt-text. Google Lighthouse opportunity

I made improvements to the look and feel, but the contrast isn't high enough for certain users. I’ll adjust colors to get something that works for all users and still looks good.

Background and Foreground colors do not produce enough contrast. Google Lighthouse opportunity.

My colleague Karl Frantz says high-performing teams are ones that see A11Y compliance as a design challenge instead of a burden. I agree and am excited about making blogthedata.com more accessible!

Stay tuned for more adventures where I try to improve Lighthouse scores!

Comments

Back to Home

Related Posts

John Solly Profile Picture

John Solly

A hands-on AI practitioner who transitioned to a CTO role to broaden my impact.

Most of my career has been dedicated to developing spatial systems at Esri, startups, and federal agencies. Currently, I lead technology strategy for Leidos' Health IT division, supporting agencies such as SSA, VA, and HHS.

My primary focus is the convergence of spatial computing and AI, enabling machines to interpret the physical world and applying these capabilities to meaningful missions.

Please reach out if you are interested in spatial systems or advancing AI within the federal government.