Service Worker fetch event is not called while Chrome Developer Tools is open

5/4/2020

99% of the time when browser API does not work as expected, the issue is somewhere in the frontend developer’s code. That’s at least the assumption I am usually programming under. Especially, when it is Chrome - widely used and stable browser. Continue reading...

Delay loading offscreen images to improve mobile website performance

4/30/2020

Images can have a big performance impact on your mobile website. Some of this impact can be alleviated by encoding images in the next generation file formats like WebP. But if a web page has 30 large images, then no matter how much compression next gen formats can provide, mobile browsers will still need to make 30 network calls and fetch data. And the more network calls are made over slow connection, the longer it will take for the web page to fully load or in the worst case render. Continue reading...

Don’t delay first contentful paint with your fancy font

4/26/2020

Who doesn't love a fancy font to spice up otherwise repetitive website looks. I definitely do. And as you can see at the top of this page, I am using a font from Google Fonts library as the website logo. If you have not heard about Google Fonts before, I definitely recommend checking it out.

I will cover the most important performance and user experience aspects when loading custom fonts. Google Fonts will be used as a concrete example, but solutions can be generalised for other 3rd party services as well. Continue reading...

The irony of Apple homepage and Safari WebP support

4/18/2020

I was analysing load time performance of the big tech mobile homepages and was quite surprised to see the results of apple.com. As you can see from the screenshot above, apple.com homepage could be saving 2.25 seconds of load time if images were served in the next generation file formats. One of those widely supported formats is WebP, created and open-sourced by Google. Continue reading...

Google Analytics tracking code is async and you should update

4/17/2020

I have been loading Google Analytics scripts async on my web properties since the async attribute was introduced. I honestly do not see any reason to prioritize analytics code versus my own content, because in the end the same metrics will be collected. Regardless if Google Analytics scripts are loaded sooner or later. Continue reading...

Newer posts
Older posts