WordPressの速度とパフォーマンスを向上させる方法

公開: 2021-10-22

スピードがすべてです。ウェブオーディエンスの注目期間は非常に短く、GoogleはSEO計算の一部としてページの読み込み速度を使用しています。

WordPress Webサイトをできるだけ早くロードするために、できる限りのことをする2つの説得力のある理由！

WordPressは箱から出してかなり高速です。テーマ、プラグイン、画像、ビデオ、およびすべての魅力的なコンテンツをサイトに追加し始めたときにのみ、速度が低下し始めます。

あなたのケーキを持ってそれを食べる方法があります。

あなたのウェブサイトにリッチメディアを持ち、美しいテーマを使用し、プラグインでたくさんのクールな機能を追加する方法。ページの読み込み時間を短くします。

このページはそのようにあなたを示します。

ページの読み込み速度を測定する方法

WordPressの速度を上げる前に、速度テストを実行することをお勧めします。

ここで1つを実行し、調査結果を記録し、この記事の手順を完了した後でもう1つを記録すると、Webサイトが高速であるという定量化可能な証拠が得られます。

ページの読み込み速度を評価するには、GoogleのPagespeedInsightsとGTMetrixの2つのツールを使用することをお勧めします。

この例ではGTMetrixを使用します。

GTMEtrix Webサイトにアクセスし、ボックスにWebサイトのURLを入力します
青い[サイトのテスト]ボタンを選択し、テストが完了するのを待ちます

テストが終了すると、上の画像のような結果が表示されます。それはあなたにAからGまでのグレードとパフォーマンスのパーセンテージを与えます。

これらの結果が高いほど、ページは速くなります。

これらの結果に表示できる便利な指標がいくつかありますが、それ自体がブログ投稿全体であるため、ここでは取り上げません。

言うまでもなく、私たちはあなたのレポートが今言っていることからグレードAに、そしてパフォーマンスのために最低95％を取得したいと思っています。ストラクチャーも90％以上取得できれば、なおさらです。

WordPressをスピードアップする方法

WordPressの高速化はプロセスです。以下に、ページの読み込み速度を向上させるために実行できる一連の個別の手順を示します。これらは単独で機能しますが、すべてを組み合わせて、全体としてより高速なWebサイトを作成します。

すべての手順が適切であるとは限らないため、必要に応じて手順をスキップする必要はありません。

いくつかの手順を実行している限り、WordPressWebサイトの速度を向上させることができます。

注意点：これらの方法の大部分は完全に正常に機能しますが、すべてのWebサイトは異なります。

eコマースストアまたは非常に忙しいWebサイトを運営している場合は、ステージングサイトで変更を事前にテストすることでメリットが得られる場合があります。

そうすれば、何か問題が発生した場合でも、訪問者に影響を与えることなく変更をロールバックできます。

高速ウェブホストを使用する

私たちが共有する最初のヒントは、高品質のウェブホストを使用することです。

共有ウェブホスティングは安価でウェブサイトを開始する理想的な方法ですが、最速ではありません。そのWebサーバーを数百、おそらく数千の他のWebサイトと共有しているため、パフォーマンスに影響があります。

専用ホスティング、WordPressホスティング、VPS、さらには専用クラウドホスティングにアップグレードすると、Webサイトのパフォーマンスに大きな違いが生じる可能性があります。

それはもっと費用がかかりますが、あなたがフォロワーを作ったらそれは価値があります！

GTMetrixレポートのスコアが低い場合は、[パフォーマンス]タブで次のことを確認してください。

最初の満足のいくペイント–ブラウザがページの最初のピクセルを作成するために必要な情報を受け取る速度。 速いほど良い。
速度インデックス–訪問者のブラウザにページが表示されるまでの時間。 速いほど良い。
最大のコンテンツペイント–ブラウザがページ上の最大のアセット（通常は画像）をロードする速度。 速いほど良い。

これらはすべて、より高速なWebホストが必要になる可能性がある兆候です。

WordPressを最新の状態に保つ

WordPressは絶えず開発され、改善されています。これらの改善の一部には、バグ修正、セキュリティ更新、コードの改良が含まれます。すべてがあなたのWordPressサイトをスピードアップすることができます。

さらに、WordPressを最新の状態に保つことは良い習慣です！

これがその方法です。

WordPressにログインし、左側のメニューから[ダッシュボード]を選択します
[更新]を選択します
利用可能なアップデートが通知されたら、WordPressをアップデートします
プラグインが必要な場合は、プラグインを更新してください

WordPressとプラグインのアップデートの大部分は完全に正常に機能します。ただし、特に人気のあるWebサイトやストアを運営している場合は、万が一の場合に備えて、公開する前にステージングサイトで更新を実行することをお勧めします。

最適化されたWordPressテーマを使用する

WordPressテーマは、Webサイトの見栄えを良くしますが、ページの読み込み時間に影響を与える可能性があります。劣ったテーマや最適化されていないテーマを使用すると、読み込みが大幅に遅くなる可能性があります。

Stylemixのテーマはすべて、速度が最適化されています。

見た目が素晴らしく、必要なすべての双方向性が含まれているだけでなく、読み込みが速く、必要なリソースが最小限になるように設計されています。

WordPressキャッシングプラグインを使用する

WordPressは、訪問者がそのページにアクセスするたびに動的にページを作成します。これには、ユーザーのブラウザに表示するすべての情報を収集するための処理とデータベースの呼び出しが必要です。

それには時間がかかります。

WordPressキャッシングプラグインは完成したページのコピーを取り、それをメモリに保存します。次回、訪問者がページを最初から作成するのではなく、ページにアクセスしたときに、プラグインはそのコピーを訪問者のブラウザに送信し、プロセス全体を高速化します。

キャッシングプラグインは、ページの読み込み時間を大幅に短縮できます。

WordPressキャッシングプラグインには次のものが含まれます。

WPスーパーキャッシュ
WPロケット
LiteSpeedキャッシュ
W3トータルキャッシュ
WP最速キャッシュ
ハイパーキャッシュ

周りにはたくさんのWordPressキャッシュプラグインがあり、レビューを読んで、どれが一番好きかを確認してください。

画像を最適化する

ウェブサイトには、物事を面白く保ち、商品やサービスを強調し、訪問者を変えるのに役立つ画像が必要です。ただし、最適化されていない画像は大きなファイルであり、ページの読み込みが遅くなる可能性があります。

最適化された画像がその答えです。

GTMetrixレポートで「最大の満足のいくペイント」時間が長い場合は、画像を最適化する必要があります。最大の要素は何でもかまいませんが、通常は画像です。

画像の最適化は、画質やユーザーエクスペリエンスに影響を与えることなく、ファイルサイズを小さくするプロセスです。技術的に聞こえるかもしれませんが、役立つ特定のプラグインがあります。

WordPressにアップロードする前に画像を最適化し、プラグインを使用してさらに最適化することをお勧めします。

コンピューターでMassImageCompressorなどのプログラムを使用して、ファイルを可能な限り縮小することができます。画像を正しいサイズにトリミングして圧縮を実行するだけです。

次に、WordPressにアップロードしたら、 Smushなどのプラグインを使用してさらに最適化します。

最終的には、品質やユーザーエクスペリエンスを損なうことなく、画像をできるだけ小さくするように最適化する必要があります。

コンテンツ配信ネットワーク（CDN）を使用する

コンテンツ配信ネットワークは、WordPressでのページの読み込み時間を短縮するための優れた方法ですが、費用がかかる可能性があります。

CDNは、Webサイトとそのすべてのファイルのコピーを取得し、それを世界中のCDNサーバーに配布します。アイデアは、訪問者に最も近いサーバーが要求されたページを提供することであり、これはより速く機能します。

たとえば、ウェブホストがドイツにいて、訪問者がシンガポールから来ている場合、送信時間のためにページの読み込みが遅れます。

ただし、シンガポールのサーバーでCDNを使用する場合、そのサーバーはページをユーザーに送信するため、はるかに高速になります。

コンテンツ配信ネットワークには次のものが含まれます。

Cloudflare
すばやく
KeyCDN
StackPath
アカマイ

Webサイトでオーディオやビデオをホストしないでください

リッチメディアはエンゲージメントに不可欠な要素であり、すべてのWebサイトで可能な限りそれを使用する必要があります。

ただし、ページにオーディオとビデオを掲載する必要がありますが、自分でホストすることはできません。

オーディオとビデオをWordPressに直接アップロードできますが、ストレージスペースと帯域幅が犠牲になります。専用サーバーを使用している場合、これは必ずしも問題にはなりませんが、共有ホスティングを使用している場合は、問題になる可能性があります。

YouTube 、 Vimeo 、 SoundCloudなどのサービスを使用して、実際にビデオをホストし、ページに埋め込むことをお勧めします。

そうすれば、リッチメディアを使用できるようになりますが、Webサイトの速度が低下することを心配する必要はありません。

プラグインを慎重に選択してください

WordPressプラグインは、ウェブサイトに不可欠な機能を追加し、私たち全員が少なくともいくつかを利用しています。しかし、他の場合と同様に、質は量よりも優れています。

それは、プレミアムプラグインが常に高速であるとは限らないため、プレミアムプラグインを購入するだけではありません。

これは、プラグインを慎重に選択し、レビューを読み、プラグインがWebサイトの速度を低下させるという苦情をチェックすることを意味します。

念のため、ライブにアップロードする前に、ステージングWebサイトでテストすることもできます。

CSS、HTML、JavaScriptを縮小する

縮小とは、ファイルから不要なデータを削除して、ファイルをより小さく、より効率的にすることを表すために使用される用語です。

これには、ページ分割、不要なテーマコード、WordPressテーマ内で使用されていない要素を呼び出すコード、その他の役に立たないジャンクが含まれる可能性があります。

一部のキャッシングプラグインは、機能の一部としてCSS、HTML、およびJavaScriptを縮小しますが、同じことを実行できるプラグインもあります。

Autoptimizeは、無料で非常に効果的であるため、縮小するための非常に人気のあるオプションです。

プラグインを使用したくない場合は、オンラインツールを使用して最適化および縮小できます。一部のオプションには、 CSSミニファイア、 JavaScriptミニファイア、およびGoogle独自のクロージャーコンパイラが含まれます。

レンダリングをブロックするJavaScriptとCSSを削除する

レンダリングをブロックするJavaScriptとCSSは、ページがユーザーに表示されないようにするコードです。

GTMetrixレポートの[ウォーターフォール]タブで、レンダリングをブロックするJavaScriptとCSSを確認できます。このコードを含め、ロードシーケンスを遅くするものがすべてリストされます。

ブラウザがページをロードするとき、ページ自体が表示される前にJavaScriptとCSSを処理する必要があります。

コードが多いほど、ページのレンダリングの遅延が長くなります。

幸いなことに、ファイルを縮小するためにAutoptimizeをインストールした場合、プラグインはレンダリングをブロックするファイルも削除できます。

WP Rocketおよびその他のキャッシュプラグインには、レンダリングをブロックするJavaScriptおよびCSSを削除するオプションもあります。

ブラウザのキャッシュを利用する

以前にGTMetrixまたはPagespeedInsightsを使用したことがある場合は、「ブラウザのキャッシュを活用する」というメッセージが表示されます。

その後、「効率的なキャッシュポリシーで静的アセットを提供する」に置き換えられましたが、基本的には同じです。

ブラウザのキャッシュは、訪問者のブラウザにWebページのコピーを保持する方法です。したがって、ユーザーが再度アクセスすると、ブラウザはすぐに独自のコピーをロードし、ユーザーエクスペリエンスを向上させます。

これは、訪問者のブラウザにCache-ControlヘッダーとETagヘッダーを追加することによって行われます。

Cache-Controlヘッダーはブラウザにコピーを保持する期間を通知し、 ETagはそのコピーが作成されてからの変更をチェックします。

ブラウザのキャッシュを活用するには、.htaccessファイルを変更するか、キャッシュプラグインを使用する必要があります。

先に進む前に、以前にインストールしたキャッシングプラグインがCache-ControlヘッダーとETagヘッダーを設定しているかどうかを確認することは理にかなっています。 WP Rocketはそうですが、他のプラグインも同じことをするかもしれません。

.htaccessファイルはApacheで使用され、Webサイトにアクセスできるユーザーを制御し、URLとディレクトリアクセスの基本的なルールを提供します。

ホストがNGINXを使用している場合、.htaccessファイルはありません。ほとんどのウェブホストはApacheを使用しているように見えるので、それを続けます。

.htaccessファイルはウェブホストのルートフォルダにあります。変更を加える前に、そのコピーを取ります。

それで：

.htaccessファイルを選択し、右クリックして[編集]を選択します
'＃END WordPress'の前のファイルの下部に以下を貼り付け、完了したら保存します

＃カスタマイズはキャッシュ開始を期限切れにします

<IfModule mod_expires.c>
FileETagMTimeサイズ
AddOutputFilterByType DEFLATE text / plain text / html text / xml text / css application / xml application / xhtml + xml application / rss + xml application / javascript application / x-javascript
ExpiresActive On
ExpiresByType text/html「アクセス600秒」
ExpiresByType application / xhtml+xml「アクセス600秒」
ExpiresByType text/css「アクセス1か月」
ExpiresByType text/javascript「アクセス1か月」
ExpiresByType text/x-javascript「アクセス1か月」
ExpiresByTypeアプリケーション/javascript「アクセス1か月」
ExpiresByType application/x-javascript「アクセス1か月」
ExpiresByType application/x-shockwave-flash「アクセス1か月」
ExpiresByType application/pdf「アクセス1か月」
ExpiresByType image/x-icon「アクセス1年」
ExpiresByType image/jpg「アクセス1年」
ExpiresByType image/jpeg「アクセス1年」
ExpiresByType image/png「アクセス1年」
ExpiresByType image/gif「アクセス1年」
ExpiresDefault「アクセス1か月」
</ IfModule>
＃キャッシュ終了を期限切れ

これらの設定は任意の期間に変更できますが、これらの設定は正常に機能します。

データベースの最適化

WordPressはデータベース主導のコンテンツ管理システムです。そのデータベース内のデータとテーブルが多いほど、WordPressが必要なものを見つけるために行う必要のある検索が増えます。

そこで、データベースの最適化が役立ちます。

データベースを知っている場合、それらを最適化する方法はたくさんあります。私たちの単なる人間には、WP-Optimizeがあります。

WP-Optimizeは無料のWordPressプラグインで、大変な作業をすべて行います。データベースを整理し、テーブルを最適化し、画像も最適化します。

念のため、データベースにアクセスする前に、サイトの完全バックアップを取ることをお勧めします。

WordPressで長いページと投稿を遅延読み込みする

画像の遅延読み込みは、ページの読み込み時間を短縮するために不可欠でした。長いページや投稿を遅延読み込みするオプションもあることをご存知ですか？

WordPressはデフォルトで画像を遅延読み込みするようになったため、ページと投稿に遅延読み込みを設定するのは理にかなっています。

そのためのプラグインには、 WordPressInfiniteScrollやWPAjaxLoad More Pagination、InfiniteScrollなどがあります。

どちらも、ページの遅延読み込みを短時間で実行して、ページの読み込み時間を適度に、しかし目立って向上させます。

ホームページの抜粋を使用する

私たちはここでわずかな利益の領域に入っているかもしれませんが、少しでも助けになります。ホームページでブログ投稿の抜粋を使用するようなものです。

WordPressのデフォルトの動作では、ブログの投稿全体が表示されます。これにより、複数の投稿を含むページの速度が低下する可能性があります。

WordPressには、これを抜粋に制限する設定があり、読み込みがはるかに速くなります。

ホームページに最新の投稿を掲載する場合は、この設定を微調整する必要があります。

WordPressメニューの[設定と読み上げ]に移動します
フィード内の投稿ごとに、「抜粋」に「含める」を設定します
[変更を保存]を選択します

これにより、ページの読み込みが速くなるだけでなく、最新の投稿を表示する場所がどこであっても、見た目がすっきりと整頓された状態に保たれます。

1ページあたりのコメントを制限する

1ページあたりのコメントを制限することもわずかなメリットですが、コメントをたくさん受け取ると、速度に間違いなく影響を与える可能性があります。

投稿やページにこれまでに作成されたすべてのコメントをロードするのではなく、それらを制限するとページに分割されます。これにより、ページのレンダリングに必要な処理が減り、読み込みが高速化されます。

WordPressメニューの[設定とディスカッション]に移動します
[コメントを次のページに分割する]の横のチェックボックスをオンにして、コメントの数を10〜20に設定します
[変更を保存]を選択します

コメントの数は好きなように設定できます。明らかに、ロードするコメントが少ないほどページは高速になりますが、これと使いやすさおよび投稿へのコメントの奨励とのバランスをとる必要があります。

リダイレクトを減らす

リダイレクトとは、投稿またはページ内でURLが別のURLにリダイレクトされる場所です。

たとえば、最近HTTPからHTTPSに切り替えた場合は、リダイレクトを使用して訪問者を正しいドメインに送信します。

リダイレクトはあらゆる種類のものに使用され、SEOと使いやすさの重要な部分です。サイトが確立され、古くなるほど、リダイレクトが増える可能性があります。

では、どうすればそれらを最小化できますか？

1つの方法は、.htaccessファイル内でリダイレクトを使用することです。

上記の例では、HTTPからHTTPSへのリダイレクトはWordPress内で実行できますが、サーバーレベルで実行する方がはるかに高速であるため、より効率的です。

.htaccessファイルはウェブホストのルートフォルダにあります。変更を加える前に、そのコピーを取ります。

それで：

.htaccessファイルを選択し、右クリックして[編集]を選択します
'＃END WordPress'の前のファイルの下部に以下を貼り付け、完了したら保存します

<IfModule mod_rewrite.c>
RewriteEngineオン
RewriteCond！{HTTPS}オフ
RewriteRule ^（。*）$ https：//www.%{HTTP_HOST}%{REQUEST_URI} [L、R = 301]
RewriteCond％{HTTP_HOST}！^www\。
RewriteRule ^（。*）$ https：//www.%{HTTP_HOST}%{REQUEST_URI} [L、R = 301]

</ IfModule>

このコードは、ApacheサーバーにHTTPトラフィックをHTTPSに自動的にリダイレクトするように指示します。これにより、WordPressがそれを行う必要がなくなり、ページの読み込み時間が短縮されます。

リダイレクトは広範囲にわたるテーマなので、ここですべてを退屈させるのではなく、WPEngineでWordPressリダイレクトのガイドを読んでみませんか？

投稿の改訂を減らす

陪審員は、ページまたは投稿の複数の改訂があると、Webサイトの速度が低下するかどうかについてはまだ検討中です。

ただし、それらを減らすことは問題ありません。他に何もないとしても、それはあなたのデータベースをきれいに保ちます！

このために、WordPressディレクトリにあるwp-configファイルを編集する必要があります。

wp-configを右クリックし、[編集]を選択します
次のコードをファイルの最後に貼り付けて保存します

define（'WP_POST_REVISIONS'、5）;

「5」を希望の数に変更するだけで、任意の数のリビジョンを設定できます。リビジョンの数がこの数を超えると、データベースは最も古いリビジョンを削除します。

ホットリンクを無効にする

オリジナルの画像を多く使用するサイトを運営している場合、あなたのアセットにリンクしている人をすぐに見つけることができます。

アセットのスクリーンショットを撮ったり、ページにリンクしたりするのではなく、アセットに直接リンクするため、アセットがホストされている間、ページに表示されます。

これはホットリンクと呼ばれます。

自分の訪問者やページをホットリンクしたサイトからのすべてのトラフィックは、Webサイトのリソースを使用するため、読み込み時間が遅くなる可能性があります。

.htaccessファイルに別のコードを追加することでこれを防ぐことができます。

.htaccessファイルを選択し、右クリックして[編集]を選択します
'＃END WordPress'の前のファイルの下部に以下を貼り付け、完了したら保存します

＃画像のホットリンクを無効にする
RewriteEngineをオンにします
RewriteCond％{HTTP_REFERER}！^ $
RewriteCond％{HTTP_REFERER}！^ http（s）？：//（www \。）？yourwebsiteURL.com [NC]
RewriteCond％{HTTP_REFERER}！^ http（s）？：//（www \。）？google.com [NC]
RewriteRule \。（jpg | jpeg | png | gif）$ – [NC、F、L]

'yourwebsiteURL.com'が表示されている場所を特定のWebサイトのURLに変更するだけで、準備は完了です。

WordPressのスピードアップ

これで、WordPressを高速化できます。

今こそ、GTMetrixでウェブサイトの速度をもう一度確認する良い機会です。これらの手順の多くを実装した場合は、多くの改善が見られるはずです。

取り入れるべきことがたくさんあり、行うべき変更もかなりありますが、私たちはあなたが従うのに十分な理由と方法を説明したことを願っています。

最終的には、よりスリムで、意味のある、より高速なWordPressWebサイトになります。いつもとまったく同じように動作するはずですが、より高速です。

WordPressを高速化するための他のヒントはありますか？このガイドに従い、結果を共有したいですか？以下のコメントで教えてください！