AIで作ったホームページを重くしないための確認方法

AIと会話しながらWordPressを作ると、画像、予約、検索、ネットショップ、会員機能などを次々と追加できます。

ところが、便利な機能を増やすだけでは、ページが開くまで待たされるホームページになってしまうことがあります。

表示が遅くなる主な原因は、次のようなものです。

・写真の容量が大きすぎる

・似た機能のプラグインが重複している

・使っていない動きや装飾まで読み込んでいる

・外部サービスをたくさん接続している

・読み込み途中で文章やボタンが動く

大切なのは、完成後に一度だけ速さを測ることではありません。ページや機能を追加するたびに、変更前と変更後を比べることです。

私が扱うAI×WordPressの方法では、次の順番で確認します。

1. 修正前の表示速度を記録する

2. 最も影響が大きい原因を一つ選ぶ

3. AIへ修正内容と元に戻す方法を書かせる

4. パソコンとスマートフォンで測り直す

5. お問い合わせ、検索、予約、カートを実際に操作する

6. 結果を開発ログへ残す

特に画像は、容量を小さくするだけでは不十分です。表示する大きさに合わせ、読み込み中に画面がずれない設定も必要です。商品写真や作品画像は、内容を確認できる画質も残します。

キャッシュを使う場合は、ログイン後の画面、在庫、予約枠、カートなど、利用者によって内容が変わる場所を必ず試します。速くなっても古い情報が表示される状態では安心して使えません。

CodexやClaude Codeには、原因の調査、画像サイズの確認、使っていない処理の発見、変更記録の作成を任せられます。人は実際のスマートフォンで操作し、文字、画像、ボタン、フォームが正しく使えるか確認します。

AIで速く作り、測定と動作確認で品質を守る。この流れを決めておけば、機能を増やしても重くなりにくいホームページを自分たちで育てられます。