How to defer offscreen images in HTML

5/31/2020

Deferring offscreen images can help to reduce initial website size and improve time to interactive. Performance gains can be significant on mobile websites, where most of the web content is not visible initially due to smaller viewport size. Continue reading...

Security headers every modern website owner should consider

5/24/2020

Web security topic is a slight tangent from mobile web performance, but I believe that security is an equally overlooked topic and deserves a mention. I hope you will learn one or two unexpected browser behaviors with security impact from this article and it will motivate you to learn more. You don’t have to treat this set of HTTP headers as a security checklist, the ultimate goal is to understand what tools are available to you and how to apply them. Continue reading...

Should your website be a Progressive Web App?

5/12/2020

Is your website, actually, a tool or a service which can provide value by performing tasks even when used offline? If not, then don’t waste time on progressive web apps. If you just want offline caching, stick with a simple Service Worker. Continue reading...

Adding Web Vitals to your website and sending data to Google Analytics

5/7/2020

Google has released Web Vitals, an opinionated browser performance API wrapper to track essential metrics for a healthy site. It will be an evolving user-centric page speed metrics implemented across various Google tools for web developers. Web Vitals is a nudge for website owners to start measuring real user experience, instead of relying on synthetic tests like Lighthouse. Let’s see how to add Web Vitals to a website and start sending data to Google Analytics. Continue reading...

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...

Newer posts
Older posts