https://github.com/verlok/webperf-snippets

Web performance snippets to debug web performance in the browser
https://github.com/verlok/webperf-snippets

Last synced: about 1 month 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 (9 months ago)
• Default Branch: main
• Last Pushed: 2024-02-28T05:01:57.000Z (9 months ago)
• Last Synced: 2024-05-02T05:53:57.021Z (7 months ago)
• Language: JavaScript
• Size: 12.7 KB
• Stars: 9
• 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 - for all Chrome versions](./INP/06-long-animation-frame-loaf-and-longest-running-script-console-log--chrome-121.md)

- [06 - Log to console long animation frame (LoAF) and the longtest running script - for Chrome 122+](./INP/06-long-animation-frame-loaf-and-longest-running-script-console-log--chrome-122.md)

## LCP

- [Get the LCP candidates.js](./LCP/01-lcp-candidates-console-log.js)