optimizing-performance
Frontend performance optimization with data-driven approach. Triggers: performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size.
安装与使用
请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求，再添加到工作流。
查看来源 ↗使用指南技能说明
パフォーマンス最適化
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 |
使用示例
查看来源仓库中的使用示例与配置说明。
查看来源 ↗来源历史
- 收录时间
- 2026-01-20
- 索引更新时间
- 2026-01-26
- Branch
- main
收录与同步日期属于本站记录。源码修改历史请查看来源仓库。
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!