MENU
  • ブログ用語集(ガイド)
  • ブログ運営基礎知識
  • SEOノウハウ
  • ブログ収益化
  • WordPress
  • Webデザイン
  • PC
  • サービス一覧
  • 無料相談
セオリコ
  • ブログ用語集
  • 記事一覧
    • ブログ基礎知識
      • ブログ基礎知識
      • ブログの書き方
      • サーバー関連
    • ブログ収益化
      • Google AdSense
    • SEO
    • Webデザイン
      • CSSデザイン
    • WordPress
      • WordPress エラー修正方法まとめ
      • WordPressテーマ
      • WordPressプラグイン
      • ブログカスタマイズ
    • PC関連
      • OS・ソフトウェア
      • ハードウェア
  • サービス一覧
    • ブログ個別サポート(コンサルティング)
    • サイト診断(Google AdSense 審査対策)
    • Search Console データ分析
    • WordPress エラー修復
    • Link Map Insights
  • 無料相談
セオリコ
  • ブログ用語集
  • 記事一覧
    • ブログ基礎知識
      • ブログ基礎知識
      • ブログの書き方
      • サーバー関連
    • ブログ収益化
      • Google AdSense
    • SEO
    • Webデザイン
      • CSSデザイン
    • WordPress
      • WordPress エラー修正方法まとめ
      • WordPressテーマ
      • WordPressプラグイン
      • ブログカスタマイズ
    • PC関連
      • OS・ソフトウェア
      • ハードウェア
  • サービス一覧
    • ブログ個別サポート(コンサルティング)
    • サイト診断(Google AdSense 審査対策)
    • Search Console データ分析
    • WordPress エラー修復
    • Link Map Insights
  • 無料相談

できるだけプラグインに頼らず WordPress を高速化する 9 つの方法

2024 9/16
WordPress
2024/09/16

「表示速度は検索順位に影響する」という話を聞いて PageSpeed Insights   で調べてみたら、あまりにスコアが低かった。何とかサイトスピードを改善したい。でも具体的に何をしたらよいのか…。

WordPress は自由度が高いぶん、知らないところで表示速度を低下させてしまうこともあります。でも、下手にプラグインを入れて対策すると、今度は別のところに悪い影響が出てくるかもしれません。

本記事では、WordPress 初心者でも「できるだけプラグインに頼らずに表示速度を改善する」方法を紹介していきます。できるところから少しずつ対策していきましょう。

目次

初心者向け WordPress 高速化設定 9 選

WordPress に「ワンクリックでだれでも簡単にスピードアップ」という方法はありません。

キャッシュ系プラグインを使えばよさそうなものですが、エラーが出たり逆に遅くなったりすることのほうが多いんですよね。WordPress やサーバーに関する専門知識が求められるので、安易にプラグインに頼らないようにしましょう。

まずは表示速度が落ちてしまう根本的な部分を解決し、どうしても改善しないようであれば最後の手段としてキャッシュ系プラグインに頼ってみてください。すでにプラグインを使っているなら、いったん OFF にすることを強くおすすめします。

01. 画像は必要最低限の大きさにする

一般的なブログにおいて、表示速度に最も大きく影響するのは画像のサイズ・容量です。

スマホやデジカメで撮影した写真をそのままアップロードしていないでしょうか。「横 4000px・縦 3000px」など不必要に大きな画像になっていると、表示が遅くなってしまいます。

巨大な画像でも WordPress テーマが最適なサイズで表示してくれますが、見た目を小さくしているだけで重さは変わりません(質量保存の法則みたいなものです)。

記事内で使用する画像の適切なサイズは、テーマによって違います。とくに理由がなければ、記事本文の幅に合わせるのがベスト。記事本文の表示幅が 800px なら「横 800px」の画像を用意しましょう。

記事本文の幅が800px

それより大きな画像をアップしたとき、見た目は 800px まで縮小して表示されますが、容量は変わりません。「小さくて重い画像」を使っているということです。

下の 2 枚の画像を比べてみましょう。

ポメラニアン(サイズ800px)
横 800px(16.3KB)
ポメラニアン(サイズ2000px)
横 2000px(79.7KB)

どちらも見た目はほぼ変わらないのに、2 枚目の画像は 5 倍の容量となっています。見た目が同じなら、軽いほうがいいですよね。

サイドバーがある一般的なレイアウトなら、本文の幅は 1000px 以下になっていると思います。今ご覧いただいているこのページで、本文の幅が約 860px です(パソコンで見た場合)。

あとは、本文と同じ幅で画像を表示したいのか、少し小さくしたいのか、あなたの好みで調整してください。どちらが正解ということはありません。

本文と同じ横幅の画像
本文と同じ横幅の画像
本文より横幅がせまい画像
本文より横幅がせまい画像

ただし、Google Discover 掲載を考えると、アイキャッチにかぎっては最低でも「横 1200px」をおすすめします。

魅力的な高画質の画像、特に Discover からのアクセスが発生する可能性の高いサイズの大きい画像をコンテンツに含める。サイズの大きい画像は、幅を 1,200 ピクセル以上とし、max-image-preview:large の設定または AMP を使用して有効にする必要があります。

Discover にコンテンツを掲載する | Google 検索セントラル

画像の推奨サイズ・容量に関する詳細解説はこちら

02. 画像は圧縮軽量化してからアップロードする

画像を適正なサイズにしたあと、圧縮軽量化してからアップロードするとさらに表示が速くなります。

圧縮軽量化とは、簡単に言えば「見た目をほぼ変えずに容量だけ軽くする」こと。無料で使える軽量化専用サービスがいくつかあるので、実際に試してみましょう。

サービス特徴
あっしゅくま  複数枚まとめてアップロード・圧縮できる。使い勝手が良く、ブログ初心者にもおすすめ。
Squoosh  圧縮方法やレベルなど細かい調整ができる。オフラインでも使える玄人向けのツール。

どのサービスも圧縮後の容量にそれほど大きな違いはありません。どれがよいか迷ったときは あっしゅくま を使っておけば OK です。

先ほどのポメラニアンの画像も、圧縮軽量化してあります。圧縮前後の見た目・容量を比較してみましょう。

ポメラニアン(容量16.3KB)
容量 16.3KB
ポメラニアン(容量164KB)
容量 164KB

圧縮しても見た目が変わらないのに、容量が約 1/10 になっていますね。ここまで変われば、ディスクスペースの節約にもつながります。

WordPress には圧縮軽量化プラグインがいくつかあるので、手作業が面倒ならそちらに任せてしまうのもよいと思います。どのプラグインもアップロードするだけで自動的に調整してくれます。

圧縮専用サービスのほうが性能は上なので、サービス+プラグインの二段構えが最もおすすめです。

画像圧縮用無料ツール 10 選

03. 画像を WebP 形式にする

画像にはいくつか形式があり、同じ画像でも形式を変えるだけで容量が変わってきます。大まかな特徴は下表のとおり。

形式特徴
JPEG写真に向いている形式。背景透過はできない。
PNGイラストやロゴに向いている形式。背景透過ができる。
GIFアニメーションでよく使われる形式。背景透過ができる。

これらの形式のいいとこどりをした、「WebP(ウェッピー)」や「AVIF」という新しい規格が主流になりつつあります。

  • 従来の形式より軽い
  • 透過できる(アルファチャンネルを扱える)
  • アニメーションが使える

画像編集ツールが WebP 未対応の場合は、先ほど紹介した画像圧縮軽量化サービス Squoosh で WebP 形式に変換できます。

SquooshでWebPに変換する
Squoosh で WebP に変換できる

WebP に未対応だった Internet Explorer は 2023 年 2 月で無効化されたので、現在はほぼすべての環境で問題なく表示されるようになりました。

WebP対応状況 2023年3月時点
“WebP” | Can I use… Support tables for HTML5, CSS3, etc

でも、わずかながら未対応のブラウザがあること、変換の手間があることを考えると、「EWWW Image Optimizer」などのプラグインを使っておくほうがよいかもしれません。

WebP に対応していないブラウザでは、アップロードした(従来の)形式そのままで表示してくれます。

EWWW Image Optimizer 設定画面(WebP変換)
EWWW Image Optimizer 設定画面

アップロード前に軽量化も WebP への変換も完了しているなら、プラグインは不要です。

04. 不要なプラグインを削除する

画像のほかに表示速度に大きく影響するのは、JavaScript の読み込みです。

WordPress テーマでも JavaScript は使われていますが、基本的には表示速度に影響がないよう調整されています(大昔のテーマや完全オリジナルのテーマは調整されていないことも)。

PageSpeed Insights などで JavaScript が指摘されているなら、ほぼプラグインによるものと考えてください。ほかには、Google AdSense などの広告や、Google アナリティクスなどのアクセス解析ツールが対象になっていると思います。

位置変更や結合など、JavaScript の読み込みを調整するプラグインがよく紹介されていますが、専門知識がなければテーマや他のプラグインの動作が不安定になる可能性が高いので注意しましょう。

JavaScript 関連の代表的なプラグイン

  • Speed Up – JavaScript To Footer
  • Flying Scripts

技術的な対応を考える前に、不要なプラグインを削除できないかチェックしてみてください。「おすすめプラグイン◯選」のような記事を参考にしたなら、まったく使っていないプラグインがあるはず。

インストール済みのプラグインを 1 つずつチェックし、よくわからないものは削除したほうがよいです。

最低限インストールしておきたい WordPress プラグインはこちら

05. 不要なウィジェット・ブログパーツを削除する

サイドバーやフッターに不要なリンク・パーツはないでしょうか。

  • Amazon や楽天の商品ウィジェット
  • ブログランキングパーツ
  • SNS タイムライン埋め込み

上記のような、外部サイトの情報を表示するものは速度低下につながります。

とくにサイドバーはスマホユーザーにまったく見られていない可能性がありますからね。

いったん全部外してみて、PV 数や収益に影響がないかチェックしてみてください。一定期間様子を見て、もし数値が悪くなるようなら元に戻しましょう。

あれこれ表示するとにぎやかになって楽しいですが、自己満足で終わることも少なくありません。

06. テーマを変更する

不要なプラグイン・パーツの整理やその他の技術的な対応が難しい場合、テーマを変えてみるのがおすすめです。

高速化を考えて設計された秀逸なテーマはたくさんあり、テーマを変更しただけで表示速度が上がる可能性があります。

たとえば、Luxeritas Theme   は日本製の無料テーマのなかで最速の部類に入ります。プラグインなしで使える機能がたくさんあり、カスタマイザーから圧縮・最適化もできる素晴らしいテーマです。

Luxeritas カスタマイザー(圧縮・最適化)画面

有料テーマでは SWELL   が群を抜いていて、個人ブログだけではなくコーポレートサイトでの採用も目にするようになりました。

どんなに高速なテーマを使っていても、不必要に大きな画像を使っていたり、不要なプラグイン・パーツをたくさん使っていればテーマの持ち味を活かしきれません。

各テーマの推奨設定・推奨プラグインに従って、テーマのポテンシャルを最大限に引き出しましょう。

07. サーバーの高速化機能を使う

各レンタルサーバーには独自の高速化機能が用意されていることが多く、デフォルトで ON になっているものもあります。

新たに高速化機能が追加された場合など設定が OFF になっているケースもあるため、利用中のサーバー管理画面を一度チェックしてみてください。

エックスサーバー 高速化設定
エックスサーバー 高速化設定項目

ただし、使用しているテーマやプラグインとの相性があります。

何らかの機能が動かない、投稿編集画面がおかしくなる、という場合は OFF にしておきましょう。テーマ制作者や有識者に事前確認できるなら、そのほうが確実ですね。

なお、国内の有名なレンタルサーバーは、どこを使っても表示速度に大差はありません。300 円のサーバーと 1,000 円のサーバーを比べるとちょっと変わってくるかな、というレベルです。

エックスサーバーと ConoHa WING のマニアックな比較

08. PHP バージョンを最新(推奨)にする

ブログを長年運営しているなら、PHP バージョンが古いままになっているかもしれません。

新しいバージョンのほうが高速で、セキュリティ面においても安心です。もしサーバーの推奨バージョンになっていなければ、この機会に変更しておきましょう。

エックスサーバー PHPバージョン切替
エックスサーバー PHP バージョン切替

問題なく動作するようなら「PHP 8.2」「PHP 8.3」をおすすめしますが、不具合が出るなら推奨バージョンの「PHP 8.1」にしておくのが無難です。

何年も更新されていない古いテーマ・プラグインは、最新の PHP バージョンで動かないことがあります。「PHP 8.0」以下でエラーが出るなら、対応しているテーマ・プラグインに切り替えたほうがよいです。

09. サーバー(プラン)を変更する

先ほども少し触れましたが、国内の有名なサーバーであれば表示速度に大きな差はなく、価格帯によって多少の差がつく程度です。

実際に 300 円の格安サーバーと 1,000 円のサーバーを比較してみました。下表は、まったく同じ構成の WordPress を異なるサーバーに入れて同時刻に計測した数値です。

サーバー応答時間(秒)
格安サーバー1.406
エックスサーバー0.562

1 つのサーバーに複数の WordPress を入れていたり、ブログのアクセス数が瞬間的にでも増えてくると、格安サーバー(格安プラン)ではさらに動作が鈍くなります。

01 ~ 08 までの対策をしても表示速度が遅いなら、上位プランへの変更やサーバー自体の変更を検討してもよいかもしれません。

これから本腰を入れてブログ運営していくつもりなら、高速かつ安定しているサーバーをおすすめします。イチオシはエックスサーバー   です。

WordPress ブログ初心者に「エックスサーバー」をおすすめする理由

非推奨:高速化プラグインを使う

WordPress には、「ファイル圧縮・結合」「キャッシュ」といった高速化プラグインがたくさんあります。

表示速度改善について書かれている記事を読むと、たいてい高速化プラグインの利用が推奨されていますが、以下のようなデメリットもあるため最終手段と考えてください。

  • どの環境でも同じ結果になるとはかぎらない
  • プラグインを使って逆に遅くなるケースもある
  • サーバーによっては正常に動作しない
  • テーマや他のプラグインと干渉して正常に動作しないことがある
  • プラグインを外す手順を間違うとブログが表示されなくなることがある
  • 一部セキュリティソフトで弾かれることがある

「プラグイン導入後に PageSpeed Insights のスコアは改善されたけど表示は遅くなった気がする」、というのはよく聞く話です。

それもそのはず、PSI のスコアは表示速度を示したものではないですからね。

PageSpeed Insightsのスコアは「表示速度」ではありません。

「PageSpeed Insights のルール」を元に、どのくらい改善の余地があるかを数値化したものです。

なので、体感できるほど表示が遅いのでなければ気にしなくてOK。 pic.twitter.com/8mSqCxoqTb

— 瀬尾@Reinx (@seoryco) May 2, 2023

高速化プラグインを試すなら、テスト環境を用意しましょう。いきなり本番環境で実行するのはリスクが高すぎます。

テスト環境を用意する方法がわからないなら、今はまだ知識・技術が不足しているのでキャッシュ系プラグインは使わないほうがよいです。

高速化を請け負う有料サービスもありますが、「ただプラグインを入れるだけ」で終わらせるところもあるので、ご注意ください。

なお、当サイトもキャッシュ系プラグインは使用していません。プラグインは 40 個ほど入れていますが、体感できるほど遅くはないと思います。無理やり高速化するより、不要なものを削る方向で進めれば OK、ということです。

Webサイト表示速度検証ツール

ページの表示速度をチェックできるサービス・ツールを 4 つ紹介します。

なお、前述のとおり「高スコア=高速表示」とはかぎりません。スコアが低くても表示速度はまったく問題ないケースもあるので、あくまで参考程度にしておきましょう。

PageSpeed Insights

PageSpeed Insights

PageSpeed Insights  

GTmetrix

GTmetrix

GTmetrix | Website Performance Testing and Monitoring  

Pingdom Website Speed Test

Pingdom Website Speed Test

Website Speed Test | Pingdom Tools  

Web担当者Forum版 ページ速度分析ツール

Web担当者Forum版 ページ速度分析ツール

【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久 | Web担当者Forum  

WordPress 高速化設定まとめ

本記事で紹介した WordPress 高速化に必要な施策は以下のとおりです。

  • 画像最適化(サイズ / 容量 / WebP)
  • 不要なプラグインを削除
  • 不要なウィジェット・パーツを削除
  • テーマ変更
  • サーバー高速化機能を利用
  • PHP バージョン見直し
  • サーバー変更

繰り返しになりますが、PageSpeed Insights で高スコアでも高速表示できているとはかぎりません。また、「スコアが低いから検索順位も低い」というのは大きな誤解です。

高速化を含め、あらゆる施策は「読者にストレスなく記事を読んでもらうため」に行いましょう。

WordPress

著者

SEO コンサルタント 瀬尾

瀬尾 真

SEO コンサルタント

Web 歴 20 年以上の SEO コンサルタント。ライティング業務ほか、サイト制作・コンテンツ販売・メディア運営代行業務を行っています。当サイト(セオリコ)では、おもにブログ初心者向けのノウハウを配信。

ココナラでは WordPress エラー修正やハッキング修復、Search Console 分析サービスをご提供しています(年間400件以上対応)。

X (Twitter)
ココナラ
マシュマロ
お問い合わせ

関連記事

  • robots.txt
    WordPress「robots.txt」の設定例と作成方法
  • WordPressがハッキングされた時の対処法
    WordPress がハッキングされたときの対処方法
  • WordPress ファビコン設定方法
    WordPress サイトアイコン(ファビコン)設定方法と注意点
  • WordPress の記事が消えてしまった原因と防止策・復旧方法解説
  • WordPress バックアップ
    WordPress バックアップ方法と最適なデータ保管方法
  • WordPress
    WordPress 初心者でも簡単にローカル環境を構築できる bitnami の使い方
  • bcrypt
    WordPress 6.8 のログインパスワードをデータベースから変更する方法
  • WordPress のカテゴリーとタグはどう違う?適切な使い分け方を解説
  1. セオリコ
  2. WordPress
  3. できるだけプラグインに頼らず WordPress を高速化する 9 つの方法
Category
  • ブログ運営法
  • ブログ収益化
  • SEO
  • Webデザイン
  • WordPress
  • PC
Service
  • ブログ個別サポート
  • Google AdSense 審査対策
  • WordPress エラー修復
  • Search Console 分析
WordPress Plugin
  • Link Map Insights
Information
  • ブログ用語集(ガイド)
  • お問い合わせ
  • サイトマップ
  • セオリコ運営者情報
  • コンテンツポリシー
  • プライバシーポリシー
  • X (@seoryco)

© seoryco.

  • お問い合わせ
  • サービス一覧
  • 検索
  • 目次
  • トップへ
目次