How my blog got almost perfect lighthouse results
Lighthouse is an open source tool that is integrated in the chrome browser per default. If you open up your developer tools (F12) you will see a tab “Lighthouse” which lets you generate a report for the current page you are on.
My Blog has a performance rating of 99 which is not easy to reach. Lets compare that to the “simpleprogrammer” blog which has a 77 percent performance rating in lighthouse.
As you can see, my blog only makes 11 requests and only transfers 80 kilobytes of data for a blog post to load. (Unless the blog post includes images obviously)
Compare that to the 71 requests and 887 kilobytes of data transferred in order to load the “simpleprogrammer blog”.
You can read more about the performance scoring on the official documentation if you are interested.
There are many best practice checks in lighthouse which you can see once you generate a report. One of them is serving your page via HTTPS. My blog is built with Rails and uses the Puma web server which then gets served via NGINX. I use LetsEncrypt for free SSL certificates. As you can see, a SSL Labs test gives my blog an “A” rating.
This test checks if your site implements SSL correctly and makes sure that your webserver doesn’t use weak or outdated standards.
Long story short
One thing I might need to improve in the future depending on if someone reads my posts and if they life far away from the location of the server hosting my blog is implementing a CDN like Amazon’s Cloudfront.