Webperf Loading

A comprehensive loading performance toolkit that runs diagnostic JavaScript snippets directly in Chrome DevTools to pinpoint what's slowing down your page. It shines with its automated decision trees that chain diagnostics intelligently: slow TTFB triggers sub-part breakdowns, render-blocking detection flows into CSS and script audits, and third-party script analysis follows timing investigations. The 30+ snippets cover everything from TTFB sub-parts (DNS, connection, server) to font optimization, resource hints validation, and SSR hydration overhead. Created by Joan Leon, this is genuinely useful for methodical performance work where you need data-driven answers about what's actually blocking your renders or why your server response is sluggish.

Install to Claude Code

npx -y skills add nucliweb/webperf-snippets --skill webperf-loading --agent claude-code