Achieving that perfect almost perfect Google Lightouse Score – Introduction

Published on 27/11/2020


It guts me to have to add that word ‘perfect’ in the title because my aim was to have a 100/100 Google Lighthouse score for each of the main categories:

  • Performance
  • Accessibility
  • Best Practices
  • SEO

I actually achieved a perfect lighthouse score of 100/100 for each of those categories apart from performance where I got 97/100.

But I have to feel very content with that score, as the site is very, very fast, and even faster when you start navigating between pages.

Here is my Google Lighthouse Performance Score. I got 100/100 for Accessibility, Best Practices and SEO and 97/100 for performance.
Here is my Google Lighthouse Performance Score. I got 100/100 for Accessibility, Best Practices and SEO and 97/100 for performance.

Over the coming weeks I’m going to add more information on how I achieved this score for each respective section, starting with performance.

Over the past year I’ve been working with React and Vue.js on several projects and discovered the impressive flexibility and performance that comes with these JavaScript powered frameworks.

As good as React is, I enjoyed working with Vue.js even more, as was interested in the possibility in building my personal website with the framework. Then, I came across Nuxt.js. Nuxt.js is a Vue framework which allows you to do things like server-side rendering or statically generating websites, something which doesn’t work out of the box in Vue.js.

So I decided to give it a go, and now I think all WordPress blogs should be built this way.

It works in two stages:

  1. You have a WordPress installation where you host your blog content. You can update your posts and pages here as well as upload media.
  2. You set up your Nuxt.js app which pulls in content from your WordPress installation, and generates a single page application. This effectively works as static content, which is great from a performance and security point of view.

In the coming weeks I’ll go into more detail into the specifics of both the WordPress installation setup and the Nuxt.js app.

If you’d like to get in touch about having a Nuxt.js & WordPress powered blog or website of your own please get in touch, or let me know if you know of a way of improving my current Google Lighthouse performance score to get it to 100/100!

Michael Weaver
Writted by

Michael Weaver

Michael Weaver is a Birmingham based, freelance web developer. He specialises in crafting beautiful WordPress based websites.

Selected Clients

Traffic Think Tank Piktochart Groove IP Centrum Adbuilder

“I’ve worked with Mike for nearly a decade now and he’s my go-to for literally any development project I have. I wouldn’t work with anyone else, especially when it comes to WordPress.”

Matthew Howells-Barby

Vice President Marketing at HubSpot

No cookies here.

Notice the lack of cookie consent popup? Well it's because I don't use any on the site.

Learn more about cookies

Let's work together

Fill the form in, or drop me an email.

© 2021 WVRBRDS Limited trading as Michael Weaver