Web Performance, Part 3: Get to first paint faster
In this post, we cover how to make the page faster without changing much of the code. We follow the first seconds of a slow checkout page and cut TTFB and FCP one wait at a time.
I'm Sharad Roy. I've spent 6 years building products for millions users using React, React Native and TypeScript. Now I'm expanding into AI, backend, systems, and architecture. Infinitely more to learn.
Things I've brewed end to end.
Essays and long-form learnings.
In this post, we cover how to make the page faster without changing much of the code. We follow the first seconds of a slow checkout page and cut TTFB and FCP one wait at a time.
Your Lighthouse score says 98, yet real customers still wait. Lab, synthetic and field data each tell part of the story. Here is how to read them. You will also learn to set goals that keep you accountable.
Before you can make a page fast, you need to know what "fast" means. A plain guide to the Core Web Vitals, how they are scored, and how to capture them yourself.
Where I've worked, and what it taught me.
The tools I reach for.
Say hello. The kettle's always on.
I'm open to fullstack and senior frontend roles, and I love seeing interesting products being built at scale. If you're building something meaningful, let's talk. The fastest way to reach me is a LinkedIn DM (reply within four hours), and my code lives on GitHub.