WebPerf: Interaction & Animation

JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcp__chrome-devtools__evaluate_script, capture output with mcp__chrome-devtools__get_console_message.

Scripts

• scripts/Forced-Synchronous-Layout.js — Forced Synchronous Layout Detector
• scripts/Input-Latency-Breakdown.js — Input Latency Breakdown
• scripts/Interactions.js — Interactions
• scripts/Layout-Shift-Loading-and-Interaction.js — Layout Shift Tracking
• scripts/Long-Animation-Frames-Helpers.js — LoAF Helpers
• scripts/Long-Animation-Frames-Script-Attribution.js — Long Animation Frames Script Attribution
• scripts/Long-Animation-Frames.js — Long Animation Frames (LoAF)
• scripts/LongTask.js — Long Tasks
• scripts/Scroll-Performance.js — Scroll Performance Analysis

Common Workflows