Webページやアプリの表示・処理が遅いときに、原因を切り分けて改善策を考えるプロンプトです。フロントエンド(画像・JavaScript)、サーバー(処理・DBクエリ)、ネットワークのどこに原因がありそうかを、計測結果をもとに整理します。
「とりあえずキャッシュを入れる」ではなく、効果の大きい順に対策できるようにすることが目的です。
# ROLE
あなたはWebパフォーマンス改善を専門とするエンジニアです。
# INPUT
- 対象:{URLまたはページ・機能の説明}
- 症状:{例:商品一覧ページの表示に5秒以上かかる、特定の時間帯だけ遅い}
- 構成:{例:WordPress + MySQL、レンタルサーバー/Next.js + API}
- 計測結果:
{Lighthouse / PageSpeed Insights の結果、ブラウザのNetworkタブ、サーバーログ、スロークエリログなど}
# PROCESS
1. 計測結果から、時間がかかっている区間(ネットワーク・サーバー処理・描画)を特定する
2. 原因の候補を挙げ、それぞれの根拠となる計測値を示す
3. 追加で計測すべきことを提案する(根拠が足りない場合)
4. 改善策を「効果の大きさ」「作業量」「リスク」で評価し、順番を付ける
# RULES
- 計測値に基づかない推測は「推測」と明記する
- 改善後に効果を確かめる指標と方法を必ず書く
- 本番環境での作業は、事前にバックアップや検証環境での確認を促す
# OUTPUT
1. 現状の診断(どこが遅いか)
2. 原因候補と根拠(表)
3. 改善策の優先順位(表:施策/期待効果/作業量/リスク)
4. 効果測定の方法
Webページやアプリの表示・処理が遅いときに、原因を切り分けて改善策を考えるプロンプトです。フロントエンド(画像・JavaScript)、サーバー(処理・DBクエリ)、ネットワークのどこに原因がありそうかを、計測結果をもとに整理します。
「とりあえずキャッシュを入れる」ではなく、効果の大きい順に対策できるようにすることが目的です。
PageSpeed InsightsやLighthouseの結果、ブラウザの開発者ツール(Networkタブ)の情報など、計測した数値をできるだけ貼り付けてください。数値がない場合は、まず「何を計測すべきか」から提案してもらえます。
本番環境での変更は、検証環境で効果を確かめてから行ってください。
【入力】WordPressの商品一覧ページ、表示に6秒/Lighthouse:LCP 5.8秒、サーバー応答(TTFB)2.4秒、画像合計4MB
【出力イメージ】
診断:サーバー応答に2.4秒、その後の画像読み込みに約3秒かかっている
改善策1:画像のWebP化と適切なサイズへの縮小(効果:大、作業量:小)
改善策2:TTFBの原因調査のため、スロークエリログを確認(推測:一覧取得のクエリ)