Web制作コラム

WordPressの表示を速くする手順|効く順にやる

やり方・手順

やることは多いのに、効くものは限られています。効果の大きい順に、何から手を付けるかをまとめます。

表示速度の改善は項目が多く、どこから手を付けるか迷います。効果の大きい順に並べると、上から3つでほとんど片付きます。

1. 画像を小さくする(いちばん効く)

ページの重さの大半は画像です。ここを直さずに他を頑張っても、体感はほとんど変わりません。

  1. 表示する大きさに合わせて縮小する(2000px の写真を 400px で表示しない)
  2. WebP で配る
  3. 画面外の画像は遅延読み込みにする
  4. ファーストビューの画像だけは遅延させない(かえって遅く見えます)

2. 使っていないプラグインを止める

プラグインは有効にしているだけで CSS と JavaScript を読み込みます。全ページで読み込むものも多く、使っていないものを止めるだけで軽くなります。

「止める」ではなく「削除する」までやってください。無効化しただけのプラグインも、脆弱性が見つかれば攻撃の入口になります。

3. キャッシュを効かせる

毎回 PHP で組み立てている HTML を、一度作ったら使い回す仕組みです。更新頻度の低いサイトほど効きます。サーバー側にキャッシュ機能があるなら、まずそれを使うのが簡単です。

4. 読み込む順番を整える

  • JavaScript は defer を付けて、表示を止めないようにする
  • Webフォントは font-display: swap で、文字が見えない時間を作らない
  • 外部サービスのタグを減らす(1つ増えるごとに読み込みが増えます)

5. テーマとビルダーを見直す

多機能な既製テーマやページビルダーは、使わない機能ぶんまで読み込みます。ここまで来ると個別の調整では限界があり、オリジナルテーマに作り直すほうが早いことがあります。

測ってから直す

PageSpeed Insights などで測り、指摘の大きいものから直してください。感覚で手を入れると、効かない作業に時間を使います。

当社は必要な部分だけを読み込むオリジナルテーマとして構築しています。「重いので作り直したい」「どこが原因か調べてほしい」というご相談も承っています。

「やり方・手順」のコラム

この記事と同じカテゴリの記事です。

一覧に戻る

SERVICES

WordPressとECサイトの制作、
まとめてご相談いただけます

WordPress

WordPress制作・構築代行

デザインデータやコーディング済みHTMLを、オリジナルテーマとして構築します。プラグイン開発も対応。

構築基本費用 50,000円

詳しく見る
コーディング

コーディング代行

デザインデータをHTML/CSSに起こします。WordPress化まで通しでも、コーディングだけでも承ります。

1ページ 15,000円〜

詳しく見る
React

Reactコーディング代行

デザインデータをReactのコンポーネントとして実装します。既存アプリへの画面追加・UI改修だけでも承ります。

1ページ 18,000円〜

詳しく見る
Next.js

Next.js制作・コーディング代行

検索エンジンに読まれるHTMLを返せるNext.jsで構築します。静的書き出しでレンタルサーバーでも公開できます。

1ページ 18,000円〜

詳しく見る
EC / WordPress

WelcartでのECサイト構築

WordPress専用のネットショップ構築プラグイン。機能面まで踏み込んだカスタマイズができます。

デザイン制作+構築 一式 120万円〜

詳しく見る
EC / EC-CUBE

EC-CUBEでのECサイト構築

国産オープンソースのECパッケージ。決済・受注・在庫まわりを業務に合わせて作り込めます。

デザイン制作+構築 一式 120万円〜

詳しく見る
EC / ASPカート

ECサイト制作代行

Shopify・MakeShop・カラーミーなどのカートに、オリジナルデザインを組み込みます。

構築基本費用 100,000円

詳しく見る

制作のご相談も承っています

デザインデータと画面数をお知らせいただければ、お見積りと納期をご提示します。