Identifying Network vs. CPU Bottlenecks in Load Flows
Posted: September 30, 2023
Tracing web applications takes time and practice to master. However, there are a few general visual patterns one can use to quickly spot if…
Profiler
Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead
Posted: July 3, 2022
Web Developers often fixate on optimizing the delivery of assets to the end-user's device, and overlook the computation that takes place…
Chromium F12 Profiler: The Main Thread Pane
Posted: January 5, 2022
The majority of my time spent analyzing the CPU component of a web application's performance trace is within the Chromium F12 Profiler's…
A Basic Overview of the Chromium F12 Performance Profiler
Posted: August 22, 2021
The Chromium Performance Profiler's UI can appear overwhelming at first, but it is actually quite intuitive once you understand how it's…
How to Read the Chromium Profiler Network Pane
Posted: August 17, 2021
Network bottlenecks are one of the most common types of performance issues in web apps I diagnose. The web fundamentally operates by…
How to Collect a Web Performance Trace
Posted: August 15, 2021
Whenever I work with a team that is interested in improving their web product's performance, one of the first things I ask is Have you…