Optimizing Blog Speed

I’ve spent a great chunk of yesterday optimizing this blog, and now it should be blazing fast. There’s a couple of tricks I’ve used for this.

1. Page prefetching with instant.page. Now, when you hover your mouse over a blog page, it’ll start loading even before you clicked on it, so that it will instantly load (hence the name) when you click!

2. Applied some of pagespeed.web.dev’s recommended actions. Now this blog reaches 100/100 for performance on pagespeed with 0.3s full load time for desktop!

3. Changed my images from jpg/png to webp. It might look slightly blurrier, but it is for sure much smaller in size!

4. Inlined the main css file so that it loads with the page itself. Previously this was actually a major factor in delayed loading.

• Tags:
• Optimization
• Blog
• Web Dev