Web performance snippets

Find here some web performance snippets to debug web performance in Chrome developer tools.

INP

• 01 - Reporting long animation frames data back to an analytics endpoint
• 02 - Observing the worst long animation frames
• 03 - Reporting long animation frames with interactions
• 04 - Identifying common patterns in long animation frames
• 05 - Surfacing long animation frames data in devtools
• 06 - Log to console long animation frame (LoAF) and the longtest running script

LCP

• Get the LCP candidates

Utilities

• Wait for an element to appear in the DOM