上級テクニック 上級 全ツール共通
パフォーマンス最適化
Lighthouse スコアの問題点を貼るだけで改善方法を提示してもらえるプロンプト。
プロンプト
このWebサイト/アプリのパフォーマンスを改善してください。 【現状の Lighthouse スコア】 - Performance: [スコア] - Accessibility: [スコア] - Best Practices: [スコア] - SEO: [スコア] 【Lighthouse が指摘している問題】 [レポートの「改善の機会」欄をそのままコピペ] 目標: Performance 95以上、Accessibility / Best Practices / SEO 100
#パフォーマンス
#Lighthouse
#Core Web Vitals
使い方
Lighthouse を実行して、スコアと問題点をコピペして送るだけです。
Lighthouse の実行方法
Chrome（F12）→「Lighthouse」タブ → 「ページの読み込みを分析」
Core Web Vitals の目安
| 指標 | 良い |
|---|---|
| LCP（最大コンテンツ描画） | 2.5s 以内 |
| INP（次の描画までの遅延） | 200ms 以内 |
| CLS（累積レイアウトシフト） | 0.1 以内 |