https://github.com/verlok/webperf-snippets
Web performance snippets to debug web performance in the browser
https://github.com/verlok/webperf-snippets
Last synced: 6 months ago
JSON representation
Web performance snippets to debug web performance in the browser
- Host: GitHub
- URL: https://github.com/verlok/webperf-snippets
- Owner: verlok
- Created: 2024-02-14T21:41:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-28T16:00:54.000Z (12 months ago)
- Last Synced: 2025-03-25T05:30:53.436Z (7 months ago)
- Size: 16.6 KB
- Stars: 11
- Watchers: 5
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](./INP/01-reporting-long-animation-data-back-to-analytics-endpoint.md)
- [02 - Observing the worst long animation frames](./INP/02-observing-the-worst-long-animation-frames.md)
- [03 - Reporting long animation frames with interactions](./INP/03-reporting-long-animation-frames-with-interactions.md)
- [04 - Identifying common patterns in long animation frames](./INP/04-identifying-common-patterns-in-long-animation-frames.md)
- [05 - Surfacing long animation frames data in devtools](./INP/05-surfacing-long-animation-frames-data-in-devtools.md)
- [06 - Log to console long animation frame (LoAF) and the longtest running script](./INP/06-long-animation-frame-loaf-and-longest-running-script-console-log--chrome-122.md)
## LCP
- [Get the LCP candidates](./LCP/01-lcp-candidates-console-log.md)
## Utilities
- [Wait for an element to appear in the DOM](./All/01-wait-for-element.md)