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…
Network
The Sequential Network Request Pattern (and why you should avoid it!)
Posted: April 30, 2022
The Sequential Network Request pattern is a web performance anti-pattern, and it's unfortunately common in production web applications…
Techniques for bypassing CORS Preflight Requests to improve performance
Posted: April 3, 2022
CORS (Cross Origin Resource Sharing) enables web apps to communicate securely across origins. It typically functions by having the browser…
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…
Identifying Common Network Bottlenecks
Posted: December 13, 2021
In this tip, we'll look at common network bottlenecks, how they manifest in Chromium Profiler, Network Tab, and how you can quantify them in…
Preloading network dependencies on hover
Posted: October 17, 2021
The browser's 'mouseover' event can be used as an explicit signal from your users indicating what their next action might be. In this tip…
Transfer Size vs. Resource Size
Posted: September 21, 2021
The size of the resources (images, JavaScript files, CSS files, etc.) web applications deliver to end-users directly impacts performance. It…
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…