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.
-
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!
-
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!
-
Changed my images from jpg/png to webp. It might look slightly blurrier, but it is for sure much smaller in size!
-
Inlined the main css file so that it loads with the page itself. Previously this was actually a major factor in delayed loading.
