optimizing-performance
Frontend performance optimization with data-driven approach. Triggers: performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
パフォーマンス最適化
Core Web Vitals
| メトリクス | ターゲット | 測定対象 |
|---|---|---|
| LCP | <2.5秒 | 最大コンテンツの描画 |
| FID | <100ms | 初回入力遅延 |
| CLS | <0.1 | 累積レイアウトシフト |
ワークフロー
- 測定 (Lighthouse/DevTools)
- ボトルネック特定
- 一度に一つの変更
- 再測定
参考
| トピック | ファイル |
|---|---|
| Vitals | references/web-vitals.md |
| React | references/react-optimization.md |
| バンドル | references/bundle-optimization.md |
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-26
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!