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.
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:
- You have a WordPress installation where you host your blog content. You can update your posts and pages here as well as upload media.
- 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!
