Final results from my site improvement program
After a very busy week, I ran another SiteImp report and checked my progress. Results were fairly good though I have reached a point where my optimizations have started to cause improvements in some areas and regressions in others. I'll conclude my series on optimizing hluska.ca.
Writing a Hugo shortcode to optimize my images with UI Kit
UI Kit has some very handy site performance features. Applying the .uk-img attribute to <img> attributes is one of the handiest but I couldn't get existing Hugo shortcodes to work properly so I wrote my own.
Minifying my site with Hugo on DigitalOcean App Platform
Minifying html is sort of a habit and so I decided to cover minifying Hugo sites deployed through DigitalOcean's App Platform.
Looking at my contact page and rethinking Font Awesome
I ran a second SiteImp audit and discovered that while my overall site was better, my contact page was still dragging down overall performance. It's time to decide whether Font Awesome is worth it.
Checking in on these changes
I ran a second SiteImp audit to check out what sort of performance impact working on my critical resource path created. My results were good at the beginning, but the simple changes made a big difference.
Using rel=preload to speed up render blocking resources on hluska.ca
When I ran a Siteimp audit on hluska.ca, I found that 100% of my pages (both desktop and mobile) had performance problems because I had too many resources that blocked my page from rendering while they were being downloaded. I'm going to start fixing that error in this article.
Thinking about CSS to speed up hluska.ca
When I ran a Siteimp audit on hluska.ca, I found that 100% of my pages (both desktop and mobile) had performance problems because I had too many resources that blocked my page from rendering while they were being downloaded. I'm going to start fixing that error in this article.
Improving hluska.ca's performance with a Siteimp audit
Once I got Siteimp out, I wanted to spend some time to show you how I use Siteimp to speed up sites. I'll start with my own.
Introducing Siteimp
Last night, I launched something very important to me and pushed DNS on siteimp. Siteimp is a tool that runs website performance audits.
Things I've Learned About Web Performance
Web performance is one of my interests and performance testing has become a big part of my deployment process. Through my practice, I've learned some things that were not obvious when I first started. I'll share some of these with you.