webperf-loading
nucliweb · Development
智能加载性能分析，包含自动工作流：针对 TTFB 调查（DNS/连接/服务器分解）、渲染阻塞检测、脚本性能深度剖析（首次加载与第三方来源区分）、字体优化、资源提示验证。内置决策树可自动分析缓慢的 TTFB 子部分，检测脚本加载反模式（async/defer/preload 冲突），识别渲染阻塞资源，验证资源提示使用情况。包含完整加载审计（6 个阶段）、后端性能调查与优先级优化的工作流。与 Core Web Vitals（LCP 资源加载）、交互性（脚本执行阻塞）、媒体（懒加载策略）跨技能集成。当用户询问关于 TTFB、FCP、渲染阻塞、加载缓慢、字体性能、脚本优化或资源提示时使用。兼容 Chrome DevTools MCP。
Intelligent loading performance analysis with automated workflows for TTFB investigation (DNS/connection/server breakdown), render-blocking detection, script performance deep dive (first vs third-party attribution), font optimization, and resource hints validation. Includes decision trees that automatically analyze TTFB sub-parts when slow, detect script loading anti-patterns (async/defer/preload conflicts), identify render-blocking resources, and validate resource hints usage. Features workflows for complete loading audit (6 phases), backend performance investigation, and priority optimization. Cross-skill integration with Core Web Vitals (LCP resource loading), Interaction (script execution blocking), and Media (lazy loading strategy). Use when the user asks about TTFB, FCP, render-blocking, slow loading, font performance, script optimization, or resource hints. Compatible with Chrome DevTools MCP.
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-loading
星标 1442 · 安装量 0