Maintenance in progress: we are indexing a large batch of new skills. Some pages may load slowly or briefly show no results. Nothing is lost, and everything is back to normal within the hour.
Profile My skills Saved Collections Edit profile Submit a skill

Openwebf App Performance JS

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.

majiayu000 c89e661 2 files · 1.5 KB Updated 567 repo stars
Web & Frontend

File contents

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:

  • reference.md
  • doc-queries.md
  • examples.md

majiayu000/claude-skill-registry-data/tree/main/data/openwebf-app-performance-js commit c89e661852

Browse category

Frequently asked questions

npx skillmds add majiayu000/openwebf-app-performance-js