Ep. 5: Thinking like a browser and leveraging public web performance data
In this episode we have Amrik Malhans walking us through the critical rendering path, and Sia Karamalegos introducing us to using the public web performance data sets of HTTP Archive and CrUX.
Add to Calendar:
Google
Thinking Like a Browser: Understanding the Journey from URL to First & Largest Paint
What actually happens after the browser gets your HTML? In this talk, we’ll walk through the Critical Rendering Path — from parsing and layout to paint — and build a clear mental model of how browsers turn code into pixels. Along the way, we’ll touch on connection setup, but focus on what really impacts how fast your page becomes usable.
Amrik Malhans (he/him) is a web performance consultant and full-stack engineer. He works at SpeedSense (now part of Yottaa), where he runs audits for large e-commerce sites and helps build internal tooling. He spends his time debugging the web, writing about it, and sharing what he learns through content.
Website
LinkedIn
Leveraging CrUX and HTTP Archive for Theme Vitals
In this talk, I will walk through how I built the themevitals.com website which displays web performance data by Shopify theme populated with data from HTTP Archive and CrUX. In a similar talk for the 11ty meetup, I spoke more about the static website building process. In this talk, I will focus more on what data is available in HTTP Archive and CrUX and show this example of how I use it.
Mastodon
BlueSky