AgentSkillsCN

openwebf-app-performance-js

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

SKILL.md
--- frontmatter
name: openwebf-app-performance-js
description: Measure and optimize WebF app performance from the JavaScript side (performance.mark/measure, bundle size, code splitting, debouncing, CSS transforms). Use when the user mentions performance.mark/measure, JS profiling, heavy JS work, bundle size, code splitting, debouncing, or animation performance.
allowed-tools: Read, Grep, Glob, Bash, Edit, Write, mcp__openwebf__docs_search, mcp__openwebf__docs_get_section

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: