Web制作コラム
WordPressの表示を速くする手順|効く順にやる
やることは多いのに、効くものは限られています。効果の大きい順に、何から手を付けるかをまとめます。

表示速度の改善は項目が多く、どこから手を付けるか迷います。効果の大きい順に並べると、上から3つでほとんど片付きます。
1. 画像を小さくする(いちばん効く)
ページの重さの大半は画像です。ここを直さずに他を頑張っても、体感はほとんど変わりません。
- 表示する大きさに合わせて縮小する(2000px の写真を 400px で表示しない)
- WebP で配る
- 画面外の画像は遅延読み込みにする
- ファーストビューの画像だけは遅延させない(かえって遅く見えます)
2. 使っていないプラグインを止める
プラグインは有効にしているだけで CSS と JavaScript を読み込みます。全ページで読み込むものも多く、使っていないものを止めるだけで軽くなります。
「止める」ではなく「削除する」までやってください。無効化しただけのプラグインも、脆弱性が見つかれば攻撃の入口になります。
3. キャッシュを効かせる
毎回 PHP で組み立てている HTML を、一度作ったら使い回す仕組みです。更新頻度の低いサイトほど効きます。サーバー側にキャッシュ機能があるなら、まずそれを使うのが簡単です。
4. 読み込む順番を整える
- JavaScript は defer を付けて、表示を止めないようにする
- Webフォントは font-display: swap で、文字が見えない時間を作らない
- 外部サービスのタグを減らす(1つ増えるごとに読み込みが増えます)
5. テーマとビルダーを見直す
多機能な既製テーマやページビルダーは、使わない機能ぶんまで読み込みます。ここまで来ると個別の調整では限界があり、オリジナルテーマに作り直すほうが早いことがあります。
測ってから直す
PageSpeed Insights などで測り、指摘の大きいものから直してください。感覚で手を入れると、効かない作業に時間を使います。
当社は必要な部分だけを読み込むオリジナルテーマとして構築しています。「重いので作り直したい」「どこが原因か調べてほしい」というご相談も承っています。
「やり方・手順」のコラム
この記事と同じカテゴリの記事です。
WordPressとECサイトの制作、
まとめてご相談いただけます
WordPress制作・構築代行
デザインデータやコーディング済みHTMLを、オリジナルテーマとして構築します。プラグイン開発も対応。
構築基本費用 50,000円
詳しく見るコーディングコーディング代行
デザインデータをHTML/CSSに起こします。WordPress化まで通しでも、コーディングだけでも承ります。
1ページ 15,000円〜
詳しく見るReactReactコーディング代行
デザインデータをReactのコンポーネントとして実装します。既存アプリへの画面追加・UI改修だけでも承ります。
1ページ 18,000円〜
詳しく見るNext.jsNext.js制作・コーディング代行
検索エンジンに読まれるHTMLを返せるNext.jsで構築します。静的書き出しでレンタルサーバーでも公開できます。
1ページ 18,000円〜
詳しく見るEC / WordPressWelcartでのECサイト構築
WordPress専用のネットショップ構築プラグイン。機能面まで踏み込んだカスタマイズができます。
デザイン制作+構築 一式 120万円〜
詳しく見るEC / EC-CUBEEC-CUBEでのECサイト構築
国産オープンソースのECパッケージ。決済・受注・在庫まわりを業務に合わせて作り込めます。
デザイン制作+構築 一式 120万円〜
詳しく見るEC / ASPカートECサイト制作代行
Shopify・MakeShop・カラーミーなどのカートに、オリジナルデザインを組み込みます。
構築基本費用 100,000円
詳しく見る