Slow mobile websites are a business problem, not engineering


More than 50% of all website traffic has been mobile since 2017 (ref). I can relate to this statistic looking at my own browsing habits. I do most of the web browsing on my smartphone. Even when a laptop or TV with a larger screen is a few meters away. For me, convenience outweighs reduced screen size.

Unfortunately, very few businesses relate to the shifted web browsing trends. Most business websites have not progressed beyond responsive layout. For a small part, it might be due to general lack of good craftsmanship in the web dev field, but for the most part it boils down to business priorities, because good performance and good UX does not come for free. Continue reading...

Web performance cost of unused CSS


Unused CSS is a sneaky problem. New website project usually starts with a few lines of highly specific CSS. Project time is short, so a decision is made to save time on basic component styling by adding Bootstrap or a couple similar UI libraries and suddenly CSS file grows above 10000 lines. Currently, Bootstrap is around 10000 lines of CSS before minification. Continue reading...

Apple Safari 14 will support WebP image format

6/23/2020 or why you should configure referrer policy for internal company websites


Let’s start with a disclaimer that I have no knowledge if is a legitimate domain belonging to Apple. If it does, it shows that Apple engineers are all in on Apple Pie puns. Continue reading...

Load different images based on screen size


Blurred images on high density displays (Retina) or unnecessarily large images on small mobile screens are two extremes which can significantly hurt your website user experience and performance.

We have covered how to utilize next generation image formats to improve web page loading time previously. This time, let’s expand our knowledge of picture HTML element and how it can be used to serve different images based on device screen size. Continue reading...

Older posts