Identifying Uncompressed Resources in your Web App
Posted: December 21, 2021
Applying compression algorithms like gzip or brotli to your resources transferred over the network is crucial to ensuring optimal…
Beginner
Reduce your resource size with CSS and JavaScript Minification
Posted: October 23, 2021
Minification is one of the most common techniques web developers use to reduce the their app's resource sizes . Minifiers are build tools…
Measuring with Performance Timing Markers 📏
Posted: October 5, 2021
Measuring allows engineers to identify how their app's time is being spent at runtime. Setting up proper measurements helps: Establish a…
Identifying the source of slow codepaths in the Chromium Profiler
Posted: September 1, 2021
The Chromium Profiler produces incredibly useful visualizations via flamegraphs to help us understand what is consuming CPU time in thread…
How to Read Flamegraphs 🔥
Posted: August 24, 2021
Flamegraphs are the industry-standard way to visually represent runtime code stack traces and their respective time to execute as a…
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…
Using the Chromium Network Tab for Performance Insights
Posted: August 18, 2021
The Chromium Network tab has many capabilities, ranging from payload previews, request blocking and replaying, traffic filtering, and much…
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…