# Openwebf Host Performance Metrics

> Instrument and diagnose WebF performance in Flutter (FP/FCP/LCP, dumpLoadingState, loading-state events). Use when the user mentions FP/FCP/LCP, dumpLoadingState, first render slow, LCP verification, or performance monitoring.

- Skill: `majiayu000/openwebf-host-performance-metrics` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/openwebf-host-performance-metrics`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/openwebf-host-performance-metrics/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/openwebf-host-performance-metrics

---


# OpenWebF Host: Performance Metrics & Diagnosis

## Instructions

1. Establish measurement: capture FP/FCP/LCP and key lifecycle timings.
2. Use MCP docs for the official performance monitoring APIs and guidance.
3. Use `dumpLoadingState` (or equivalent) to diagnose where time is spent.
4. Offer scaffolding templates when useful:
   - `perf/loading-state-events`
   - `perf/loadingstate-dump`
   - `perf/lcp-content-verification`

More:
- [reference.md](reference.md)
- [doc-queries.md](doc-queries.md)
- [examples.md](examples.md)