I have been hosting the NZ Tour Guide website for a number of years, it’s a pretty simple one page site that to save costs we had grabbed a theme from Woo Themes and let it free into the world, except that was built on some code that just isn’t doing too hot on the lighthouse scores, 57 / 100 performance in particular was concerning to me.
So in between a couple of projects, I looked at how I could update the site in a pretty quick and easy way using some new technologies including stripping out the entire WordPress CMS and just writing some HTML, CSS and JS before compressing it through Webpack. Currently, I wouldn’t say this site is perfect but it is ready to send out to see if this is a direction we should go down, as the lighthouse scores are currently showing 100 / 100 for Performance.
There a couple of cool little things, the margins expand with an Intersection Observer and the images also parallax slightly in a way that lets me keep them in the HTML, I don’t like background CSS images, as it means I have a harder time working on responsive image and dropping in the webp images like I have here and without using scroll events to keep the performance up.
Hopefully this becomes something we finish up but for now it’s sitting at https://auksas.nztourguide.co.nz