Why Your Performance Work Is Not Seen

JS Nation

JSNation 2024

Vinicius Dallacqua

React Summit

React Summit 2024

Long Frames and INP – Understanding the Post Load Performance

React Advanced

React Advanced 2024

JSNation 2025

Modern web applications need to be responsive and smooth, providing users with immediate feedback for their interactions. To understand how well our applications perform, we need to understand how browsers process and render content. This is why we now have AnimationFrames, a new representation of unit of work that powers INP and LoAF APIs!

What Is an AnimationFrame and What Can It Tell You?

Most developers spend a lot of time optimizing for load time performance metrics, but most of the user's experience is after load. Lets understand what INP mean to your React application, how to utilize the new tolling around interactions such as the new Long Frame API alongside the upcoming INP metric to optimize our runtime performance.

Between core-web vitals and profiling tools there's always one big obstacle, company buy-in. There are many ways your performance work might not be seen or prioritised. So let's talk about them.