プラグインなしでWordPressを高速化する12の便利なヒント

プラグインを使わずにWordPressサイトを高速化するには？WordPressのパフォーマンスプラグインを使用することは良い解決策のように思えるかもしれませんが、これらのプラグインはセキュリティリスクやコードの肥大化など、別の問題を引き起こす可能性があります。

プラグインを使用せずにWordPressサイトを高速化することが完全に可能になりました。

プラグインを使わない最適化を検討する理由

パフォーマンスを向上させるプラグインを含め、プラグインはあなたのサイトに多くの機能を追加し、サイト管理を容易にするなど、多くの場合に役立ちます。しかし、プラグインに頼りすぎると、問題が発生する可能性があります：

• 冗長コードあなたのウェブサイトに不必要な負担を加えます。
• 安全上の問題プラグインの中には、品質が悪かったり、セキュリティ対策が古いためにハッキングされやすいものがあります。
• 相性問題プラグイン同士、あるいはプラグインとWordPressテーマが競合し、サイトに問題が生じることがあります。
• メンテナンス負担各プラグインはセキュリティと機能性を確保するために定期的なアップデートが必要です。

プラグインは便利な反面、落とし穴もあります。そのため、プラグインを使用しない方が良い場合もあります。

診断：ウェブサイトが遅い原因を突き止めましょう

スピードテストの実行は、診断の最初のステップであり、サイトの現在の状態の概要を提供します。ジーティーメトリックスそしてピングダム歌で応えるGoogleページスピードインサイト.

結果を見てください - 読み込みにかかった時間、リクエスト数、ページのサイズを確認してください。ツールから出された警告や改善提案には特に注意してください。

プラグインなしでWordPressサイトのパフォーマンスを向上させるには？

プラグインなしでWordPressサイトを高速化する方法をご紹介します。

1.ウェブホスティングの選択

ウェブホスティングはウェブサイトの基礎のようなもので、ウェブサイトのスピードと運営効率にとって超重要です。この土台がしっかりしていないと、サイトに問題が生じる可能性があります。ホスティングサービスのサーバーの速度、提供されるストレージの種類、データセンターの場所はすべて、ウェブサイトの読み込み速度に直接影響します。

2.HTTPSを選択

HTTPSはHTTPにセキュリティのレイヤーを追加したもので、サイトの安全性を高め、訪問者にサイトをより信頼してもらうことができます。

セキュリティの向上だけでなく、HTTPSはウェブサイトの動作を高速化します。旧バージョンのHTTPよりもはるかに高速なHTTP/2テクノロジーを採用しているからです。そのスピードの優位性は、ご自身で試してみてください。

HTTPSがウェブサイトを大幅に高速化することがわかります。

3.最新のPHPバージョンを使用

WordPressはPHP言語で作られているため、PHPのバージョンはサイトの速度に大きく影響します。PHPの新しいバージョンは、より安全であるだけでなく、より高速です。例えば、Cloudwaysのテストによると、PHP 8.0はPHP 5.6よりも約3倍高速です。

しかし、ほとんどのウェブホスティングサービスは、自動的にあなたのウェブサイトを最新のPHPバージョンにアップデートすることはありません。

4.CDNを利用して高速化

CDNは、画像や動画などのウェブサイトの静的コンテンツを世界中のサーバーに保存することで、ウェブページの読み込みを高速化します。この利点は、訪問者がどこにいても、最も近いサーバーからコンテンツにアクセスできるため、待ち時間が短縮され、ウェブサイトの読み込みが速くなることです。

CDNサービスはウェブサイトを高速化するだけでなく、多くのセキュリティ機能を提供します。これには、高度なファイアウォール設定、DDoS攻撃からの保護、SSL証明書の無料提供などが含まれます。

5.コアウェブバイタルを考える

コアウェブバイタルは、ウェブサイトのユーザーエクスペリエンスの質を測定するためにGoogleが導入した測定基準のセットです。ウェブサイトの読み込み速度、インタラクティブ性、視覚的な安定性に焦点を当て、ウェブサイトの所有者がウェブサイトを訪問した際のユーザー体験を理解し、改善することを目的としています：

1. ラージコンテントフルペイント（LCP）最大のコンテンツ要素（画像やテキストブロックなど）が画面に完全に読み込まれるまでの時間を表します。LCPは2.5秒未満で読み込まれるのが理想的です。
2. ファースト・インプット・ディレイ（FID）ユーザーが最初にページとインタラクション（例：リンクやボタンをクリック）してから、ブラウザが実際にそのインタラクションに応答できるまでの時間を測定します。理想的なFIDは100ミリ秒以下です。
3. 累積レイアウトシフト（CLS）ページ読み込み中の要素の動きの安定性を測定します。読み込み中に動くページ上の要素は、ユーザーエクスペリエンスに影響を与える可能性があります。理想的なCLSスコアは0.1未満です。

6.WordPressテーマの選択

WordPressには何千ものテーマがありますが、その良し悪しはさまざまです。テーマによっては、特にサイトのスピード向上に重点を置き、スピード最適化のテクニックやコードを多用しているものもあります。例えば

• アストラ - 軽量で検索エンジン最適化（SEO）に配慮したデザインが人気です。
• ジェネレートプレス - デザインはすっきりとしており、パフォーマンス重視で、プログラミングをあまり知らない人にも最適です。
• ニーブ - 読み込みが速く、SEO対策にも最適で、特にウェブサイトの知名度を上げたい方におすすめです。
• ブロックシー - 機能が豊富で、拡張性があり、使いやすく、特にお勧めです。

テーマを選ぶ際には、必ず評価やユーザーレビューに目を通し、サイトのニーズに最も合ったテーマを選ぶようにしましょう。

7.画像の最適化

画像はウェブサイトをより魅力的で意味のあるものにします。しかし、画像が大きすぎたり、適切に最適化されていなかったりすると、ウェブサイトの表示速度が遅くなったり、ウェブトラフィックを大量に消費したり、検索エンジンでのウェブサイトのランキングに影響を与えたりする可能性があります。

画像を圧縮することで、サイズを小さくし、ウェブページの読み込みを速くすることができます。圧縮には主に2つの種類があります：

• 圧縮ロスレスこの方法は、画質を劣化させることなく画像ファイルサイズを縮小することができ、細部まで鮮明な画像が必要な場合に適しています。
• あっしゅくそんこの方法では、画像データの一部が削除されるため、ファイルサイズがより大幅に縮小されますが、画質が若干低下する可能性があります。

画像の最適化に役立つツールは数多くあり、プラグインを提供しているものもありますが、直接使用することもできます。例えば

• タイニーPNG - インテリジェントな非可逆圧縮技術でPNGやJPEG画像のサイズを縮小します。
• スクーッ - さまざまなフォーマットや設定で画像を圧縮・リサイズできるオープンソースツールです。

8.使用していないプラグインの削除

未使用のプラグインを停止し、削除してください。未使用のプラグインはサーバースペースを占有するだけでなく、さらなる負担となる可能性があります。これらのプラグインが使用されていなくても、コードが読み込まれる可能性があり、サイトのパフォーマンスに影響します。

未使用のプラグインはスペースを取るだけでなく、セキュリティリスクにもなり得ます。ハッカーは、十分に管理されていないプラグインから抜け穴を見つけ、ウェブサイトに忍び込むことがよくあります。

また、これらのプラグインは、あなたが使用している他のプラグインやテーマと競合する可能性があります。プラグインの数が多ければ多いほど、何か問題が発生する可能性が高くなり、その結果、不具合が発生したり、ウェブサイトがまったく使えなくなったりする可能性もあります。

9.Gzip圧縮の使用

プラグインを使わずに手動でサイト圧縮を有効にするには、以下のように編集します。.htaccessファイルは、ウェブサーバの動作を制御する設定ファイルです。以下は、ウェブサイトのファイルを圧縮する方法として広く使われている Gzip 圧縮を有効にする簡単なコード例です：

の場合
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
</IfModule

このコードを.htaccessファイルを追加すると、サーバーが自動的にこれらのタイプのファイルを圧縮するようになり、サイトの読み込みが速くなります。万が一、設定ミスでサイトへのアクセスに問題が生じた場合に備えて、変更する前に元のファイルをバックアップしておくことを忘れないでください。

10.ブラウザのキャッシュを有効にします。
ブラウザのキャッシュを有効にするには.htaccessファイルに、キャッシュできるファイルの種類とキャッシュする期間をブラウザに知らせるコードを記述します。このコードは# ENDワードプレス事前.htaccessドキュメンテーション

ExpiresActive On

  # デフォルトの有効期限を設定します
  ExpiresDefault "アクセスプラス 2 日"

  # 画像ファイル
  ExpiresByType image/jpg "アクセスプラス1年"
  ExpiresByType image/jpeg "アクセスプラス1年"
  ExpiresByType image/gif "アクセス+1年"
  ExpiresByType image/png "アクセス+1年"
  ExpiresByType image/webp "アクセスプラス1年"

  # CSSとJavaScript
  ExpiresByType text/css "アクセス+1ヶ月"
  ExpiresByType application/javascript "アクセス+1ヶ月"
  ExpiresByType application/x-javascript "アクセス+1ヶ月"

  #フォント
  ExpiresByType font/woff "アクセス+1年"
  ExpiresByType font/woff2 "アクセス+1年"
  ExpiresByType application/font-woff "アクセス権プラス 1 年"
  ExpiresByType application/font-woff2 "アクセス+1年"
  ExpiresByType font/opentype "アクセスプラス 1 年"
  ExpiresByType application/x-font-woff "アクセスプラス 1 年"
  ExpiresByType application/vnd.ms-fontobject "アクセスプラス 1 年"

  # ウェブメディアファイル
  ExpiresByType audio/mpeg "アクセスプラス 1 年"
  ExpiresByType video/mp4 "アクセス+1年"
  ExpiresByType video/ogg "アクセス権プラス 1 年"
  ExpiresByType video/webm "アクセスプラス 1 年"

  # HTML
  ExpiresByType text/html "アクセスプラス 600 秒"
</IfModule

11.JavaScriptをフッターに移動

JavaScriptファイルをフッターに移動することは、ウェブページの読み込み速度を向上させるのに役立つ一般的な最適化手法です。その理由は、ブラウザがページのコンテンツを最初に読み込んでからJavaScriptファイルを読み込むようにすることで、ページのレンダリングプロセスを詰まらせないようにするためです。WordPressでこれを実現する方法はいくつかあります：

方法1：WordPressフックを使う

ワードプレスはwp_enqueue_script関数を使用してスクリプトのロードをスケジュールできます。もしあなたがテーマ開発者であるか、テーマファイルを編集できるのであれば、以下のスニペットを使ってJavaScriptファイルがフッターに読み込まれるようにすることができます：

関数 my_theme_scripts() {
    wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0.0', true)；
}
add_action('wp_enqueue_scripts', 'my_theme_scripts')；

ここで重要なのはwp_enqueue_script関数の最後の引数真のこのスクリプトをページの一番下に置くようにWordPressに指示します。

方法2：手動

を使いたくない場合はwp_enqueue_scriptまた、特定のスクリプトをフッターに移動する必要がある場合は、テーマファイル（通常はフッター.php)および直接</body>ラベリング前の手動配置<script>ラベル

方法3：プラグインの使用

コードに不慣れなユーザーのために、いくつかの最適化プラグイン（AutoptimizeやWP Rocketなど）は、スクリプトをフッターに移動するオプションを提供しています。これらのプラグインは通常、コードを直接編集しなくても設定できるユーザーフレンドリーなインターフェースを提供しています。

ほら

• JavaScriptをフッターに移動すると、以前のロードに依存するスクリプトの機能に影響を与える可能性があります。
• 偶発的な破損を防ぐために、変更を加える前にウェブサイトとテーマファイルをバックアップしてください。
• ウェブサイトの機能をテストし、特に動的コンテンツやインタラクティブ機能など、すべてが正常に動作していることを確認します。

これらの方法で、WordPressウェブサイトの読み込み速度を最適化し、ユーザー体験を向上させることができます。

12.グーグルタグマネージャーの使用

Google Tag Managerは、ウェブサイトのトラッキングコードの管理方法を大きく変えます。Google AnalyticsやGoogle Ads、その他のサービスのコードをひとつひとつ手作業で追加する代わりに、すべてを一箇所で管理することができます。

また、非同期で読み込まれるため、サイトの他の部分が読み込み完了まで待たされることがなく、トラッキングコードを大量に使用しても、サイトを素早く表示することができます。さらに、Googleタグマネージャでは、これらのコードが実行される特定の条件を設定できるため、より正確に制御することができます。

つまり、WordPressウェブサイトのパフォーマンス最適化は、ウェブサイトをより速くスムーズに実行するために常に監視し、調整する必要がある継続的なプロセスです。