返回 Skill 列表
extension
分类: 开发与工程无需 API Key

openwebf-app-performance-js

从JavaScript方面测量和优化WebF应用性能(performance.mark/measure,包大小,代码分割,防抖,CSS变换)。当用户提到performance.mark/measure、JS性能分析、繁重的JS工作、包大小、代码分割、防抖或动画性能时使用。

person作者: jakexiaohubgithub

OpenWebF App: Performance (JavaScript Side)

Instructions

  1. Establish a measurement baseline (prefer production builds for accuracy).
  2. Add minimal instrumentation (performance.mark/measure) around suspected hot paths.
  3. Apply high-leverage best practices:
    • reduce sync work on critical path
    • debounce expensive operations
    • split bundles and monitor size
  4. Use MCP docs for recommended practices and code snippets.

If the user’s question is primarily about host-side FP/FCP/LCP wiring or dumpLoadingState, prefer openwebf-host-performance-metrics.

More: