This is how I did it.
This is a long time coming after several requests. I utilize the search index to be created by Render and send it to Algolia following every post.
Hugo: I moved into a static website generator in 2014. Static website generators produce webpages that load. There are no database calls. Just fast load times. Originally , I used Jekyll, but I’m Hugo, which runs faster since it’s composed in go rather than ruby.
All these together should make it search previous posts and a lot easier to navigate this blog.
Cloudinary: Cloudinary is a picture serving service that optimizes the picture size, quality and format to the device and network connection. This change made a huge difference since pictures are the biggest resources.
Forestry: Forestry is a beautiful net client for static sites which makes it easy to compose new posts. It incorporates into Cloudinary for image insertion.
Render: Render is a brand new cloud supplier. I moved due to free https certificates, the setup, along with a lightning fast network. I compress CSS and JS throughout the build process through their platform. Additionally, they have terrific customer support. I conducted Route53, CloudFront and S3 static website hosting which is complex.
Along with those core infrastructure changes, I use two elements.
I ’ve been modernizing this website with a single goal in mind: speed. The result from that campaign is a 90% reduction in page loading time from 5 seconds to approximately 500 milliseconds. In Google, I learned page load time is highly correlated to participation metrics including bounce speed and time on site. I’ve been focused on it since.