Posts with Tag


Recently, I have been in contact with several people who have been thanking me for posting articles that have helped them significantly with their technological struggles or in easing their issues.

Some of them have been so happy that they would like to know how to donate a bit to support the cause. While this gesture is appreciated, most of the activities on my site are non-profit.

I used to have ads displayed on my website when it was hosted on WordPress. However, after migrating to Hugo, I soon realized that despite the speed benefits, the web performance was being compromised due to ads served through Google AdSense.

I managed to significantly reduce the costs for my website, so I decided to take the step of removing ads altogether, and I have been happy with this decision.

Read More about Implementing Google Adsense without affecting site performance
Serving GZIP compressed Favicon with Netlify
Read Time 2 min.

Recently I have been annoyed when my weekly WebPerformance Report email from WebPageTest shows a failure on Compress Transfer.

WebPageTest Optimiation Summary - Compress Transfer - Result D

This failure, reported in red was done by just one small file… favicon.ico.

Hugo Blog
Revisiting after 3 months (a Hugo based website)
Read Time 6 min.

Just today, on the 23rd of July Yummy Recipes UK is celebrating the third month from the lunch of the website. We (me, from the development side, and my friend, from the content) didn’t see what was coming.

At the lunch the ambitions were high, but also reality brings us down a bit, as we saw plenty of cooking websites around that we will need to compete with.

During the first two months social media, mainly Facebook, dominates in popularity. Over 1000 people on average viewed each recipe that we shared, whereas our website got only a portion of visits.

Improving website performance by loading fonts the smart way
Read Time 6 min.

My site, until recently, was using a system font stack, mostly because I would like to have the lightest website possible.

My featured images, heavily optimized, still account for large LCP (Largest Contentful Paint) and adding custom fonts, in the most common way, can increase the overall weight of the website.

I am happy with my site, but on others, I need to use specified fonts to get the right visual experience across all user devices. In that case, I need to load additional fonts to accomplish that.

The fonts not only add weight to the website but also can hurt CLS (Cumulative Layout Shift) if loaded incorrectly. As CLS is part of essential Core Web Vitals, its poor score can drop a website significantly in Google Search results.

Ironically, Google, on their Google Fonts website provides information (code) on how to implement the desired font in our website. The problem is, that their solution will have a huge negative impact on your website.

Not only they are loaded from an external source, but the speed of loading of your website and external fonts can also vary and cause, ironically, CLS, that Google will penalise you on.

A widely recommended method is to self-host your fonts (even these from Google). This, in most cases, may improve an impact on CLS, but not always. There are plenty of factors in how these fonts are delivered. If our hosting is poor and we are not using CDN (Content Delivery Network) then we can see worse results than loading fonts directly as Google advised.

Self-hosting fonts are the right approach, but it requires a couple of tweaks before it will work well for us in matters of web performance.

Let’s start with, how to load them correctly.