---
name: performance-check
description: Check LP performance. Analyzes image sizes, CSS/JS optimization, render-blocking resources, and page speed factors.
allowed-tools: Read, Glob, Grep, Bash
context: fork
agent: Explore
---

# パフォーマンスチェック

LP の表示速度に影響する要因を分析してください。

## チェック項目

### 1. 画像最適化
- 全画像ファイルのサイズ一覧（`du -ah images`）
- 1MB 超のファイルを警告
- WebP 変換の提案
- 適切な画像サイズ（表示サイズ vs 実ファイルサイズ）

### 2. CSS
- ファイルサイズの確認
- 未使用のCSSルールの検出（使用中のstyle-amber.css内）
- CSSの読み込み順序とレンダリングブロック

### 3. JavaScript
- ファイルサイズの確認
- `defer` / `async` 属性の使用状況
- DOM操作のパフォーマンス（querySelectorAll の回数等）

### 4. 外部リソース
- CDN読み込み（Font Awesome, Google Fonts）の影響
- `preconnect` / `preload` の使用状況
- フォント読み込みの最適化（`font-display: swap`）

### 5. 総合評価
- 推定される First Contentful Paint (FCP) への影響要因
- 推定される Largest Contentful Paint (LCP) の要因
- Cumulative Layout Shift (CLS) のリスク

## 出力形式
```
[OK]   項目 — 詳細
[WARN] 項目 — 詳細と改善案
[FAIL] 項目 — 詳細と改善案
```
最後に改善優先度付きのアクションリストを出力。