WordPress 速度の最適化: 2022 年に WordPress ウェブサイトを高速化するには?
公開: 2022-02-22WordPress で最も完璧なウェブサイトを作成できるかもしれません。 デザイン、ナビゲーション、コンテンツ、すべてがあなたには良すぎるように見えるかもしれません。そして、あなたは Google の検索結果で上位にランクされることを望んでいます。 しかし、WordPress Web サイトの読み込みに時間がかかると、Web サイトは大惨事になります。 閲覧者はすぐに次の検索結果に移動し、Web サイトから離れてしまいます。 Web ブラウザでの読み込みに時間がかかると、Web サイトのパフォーマンスが低下します。 読み込み時間の遅延は、視聴者にとって最も迷惑なものです。
ここでWordPressの速度最適化が登場します。 これは、Web サイトの読み込みを高速化するプロセスまたは一連のステップです。 Web サイトが数秒以内に読み込まれると、閲覧者はさらに閲覧することに興味を持ち、エンゲージメントが向上します。 Web サイトは、収益を上げ、購読者を増やし、Web サイトへのトラフィックを高速化するために作成されています。 これを行う最善の方法は、WordPress の速度を最適化することです。
- Web サイトの読み込みが遅い原因は何ですか?
- WordPress Web サイトの速度がそれほど重要なのはなぜですか?
- ウェブサイトの速度を確認するにはどうすればよいですか?
- WordPress ウェブサイトの速度を決定する要因
- WordPress Web サイトの最適な読み込み時間はどれくらいですか?
- WordPress Web サイトをどのように最適化しますか?
- WordPress 内でのビデオホスティング
- 最適化された画像を使用する
- コンテンツ全体ではなくコンテンツのプレビュー
- コンテンツ配信ネットワーク (CDN) を使用する
- 速度が最適化された WordPress テーマを使用する
- 高速なプラグインを使用する
- WordPress データベースの最適化
- コメントの最適化
- キャッシュプラグインをインストールする
- ホットリンクを無効にする
- PHPのバージョンを更新し続ける
- ウェブサイトファイアウォール
- 遅延ロード
- Google 広告
- 結論
Web サイトの読み込みが遅い原因は何ですか?
WordPress Web サイトの読み込みを遅くする要因を知ることは重要なステップです。 多くの場合、原因は次のいずれかである可能性があります。
- Web ホスティング: Web ホスティング サーバーには、Web サイトのファイル、テーマ、その他の資産が保存されます。 Web ホスティング サービスが不十分な場合、Web サイトの読み込みが遅くなる可能性があります。 WordPress ウェブサイトの速度が低下します。
- WordPress の設定: WordPress Web サイトにキャッシュがない場合、Web サイトに不必要な負荷がかかる可能性があります。 これにより、Web サイトがクラッシュする可能性があります。
- ページ サイズ:非圧縮画像を含む Web ページでは、画像の読み込みが非常に遅くなり、最終的には WordPress Web サイトの読み込みが遅くなります。
- 不適切なプラグイン:プラグインが適切にコーディングされていないと、Web サイトの読み込みが低下する原因になります。
- 外部スクリプト:ウィジェット、プラグイン、広告、フォントなどの外部スクリプトを使用する WordPress Web サイトも、Web サイトの読み込みが遅くなる原因になります。
- Web サイトのテーマ: Web サイトのテーマが適切に最適化されていない場合も、Web サイトの読み込みが遅くなります。
あなたにおすすめ: WordPress 用のベスト Google レビュー プラグイン 10 選。
WordPress Web サイトの速度がそれほど重要なのはなぜですか?
WordPress Web サイトの読み込みが遅いと、ユーザーがイライラすることになります。 WordPress Web サイトの読み込み速度が遅いと、ユーザー エクスペリエンスが低下することがよくあります。 また、次のような他の要因にも影響します。
- SEO ランクが低い:ウェブサイトの速度は、Google がランキングに使用する重要な要素です。 また、SEO ランキングを決定するために、デスクトップとモバイルでの Web サイトの速度がどの程度であるかも調べます。 読み込み速度が遅いと、WordPress Web サイトの SEO ランキングに直接影響します。
- コンバージョン率: WordPress ウェブサイトの読み込みが遅いと、コンバージョン率も低下します。 たとえウェブサイトの読み込みにごくわずかな割合の遅延があったとしても、全体的なコンバージョン率に影響します。 これは、消費者が最適な商品をすぐに見つけようとする電子ショッピング Web サイトでは重要な要素です。
- 直帰率:サイト速度が遅いと、直帰率も跳ね上がります。 2 秒で読み込まれる Web サイトは、5 秒で読み込まれる Web サイトに比べて直帰率が低くなります。 モバイルで Web サイトを閲覧する人は、読み込みに 5 秒以上かかる Web サイトから離れる傾向があります。
ウェブサイトの速度を確認するにはどうすればよいですか?
幸いなことに、Web サイトの速度をテストするための Web サイト テスト ツールがいくつかあります。 これらのツールの使用方法を理解すると、Web サイトの所有者や Web 管理者は Web サイトの高速化が可能になります。 Google は、一定時間内に読み込まれるウェブサイトを好みます。 また、そのような Web サイトを SERP の上位にランク付けします。
Web ブラウザへの読み込みに 1 ~ 3 秒かかる WordPress Web サイトを作成する必要があります。 Web サイトを所有している場合は、キャッシュのおかげで Web ブラウザへの読み込みが速くなります。 しかし、Web サイトを初めて訪問する閲覧者が、Web サイトの本当の閲覧者です。 最終的に Web サイトの読み込み速度を決定するのは、Web サイトのユーザーの経験です。 競合他社の Web サイトをメモしておくと、Web サイトの読み込み速度を比較するのにも役立ちます。 一部の Web 分析ツールは、Web サイトの速度やその他のパラメーターを知るのに役立ちます。
- Chrome ユーザー エクスペリエンス レポート:ユーザーは、Chrome ユーザー エクスペリエンス レポートでウェブサイトの速度以上のことを知ることができます。 SQL の知識が必要です。
- Lighthouse: Lighthouse は、ユーザーに Web サイトの速度について知らせるだけでなく、Web サイトの多くの問題を解決します。 3G インターネットの速度も報告します。
- Google ページ スピード インサイト: Google によるページ スピード インサイトは、Web サイトの問題を改善する方法について貴重な情報を提供する分析ツールです。
- GTmetrix: GTmetrix はリアルタイムでレポートを提供するため、開発者は Web サイトの読み込み速度をテストできます。 モバイル ユーザー向けのレポートも提供します。
- 速いか遅いか:世界規模でレポートを提供します。 世界中の複数の場所から Web サイトの速度を速いか遅いかをテストします。
ウェブサイトの速度を試すその他の方法
- 複数のデバイス:デスクトップとモバイルの両方で Web サイトを試してください。
- 複数の場所: Web サイトが複数の場所でアクセスされる場合は、それらの国でテストする必要があります。
- 接続速度:さまざまなインターネット接続を通じて Web サイトをテストします。 インターネット接続が遅いと、Web サイトの読み込みにも影響します。
WordPress ウェブサイトの速度を決定する要因
- 最初のペイント: Web サイトに移動した後、画面に表示される最初のピクセルです。 これは、ナビゲーションから最初に表示されるピクセルまでの時間間隔です。
- 最初のコンテンツ ペイント: Web ページの最初のセクションが画面に表示されるとき。 たとえば、ナビゲーション バーや Web ページの他のセクションなどです。
- 最初の意味のあるペイント:画面に表示される最初のコンテンツ。 これは、ユーザーが Web サイト上で探している Web ページのセクションです。
- インタラクティブまでの時間: Web サイトが表示されるとき、それはインタラクティブまでの時間と呼ばれます。 ユーザーは依然として Web サイトを操作できず、閲覧するだけです。
WordPress Web サイトの最適な読み込み時間はどれくらいですか?
ウェブサイトの読み込みが速いほど、Google 検索結果で上位にランクされる可能性が高くなります。 これはデスクトップ ユーザーとモバイル ユーザーの両方に当てはまります。 ただし、完全にロードされた Web サイトでは、閲覧者がそこに固執することはありません。 Web サイトを見たときにユーザーがどのように感じるかも、そのサイトがどの程度認識されるかを決定する重要な要素です。 最大のコンテンツ ペイントは、Web サイトが完全に読み込まれ、メイン コンテンツが画面に表示される時点です。 LCP は 2.5 秒以内である必要があります。
- ユーザーがモバイルで WordPress Web サイトにアクセスしている場合、Web サイトは 3 秒以内に読み込まれるはずです。
- 電子商取引 Web サイトは 2 秒以内に読み込まれる必要があります。
次の PHP プロジェクトに WordPress を使用する場合の利点と欠点。
WordPress Web サイトをどのように最適化しますか?
WordPress Web サイトを最適化したい場合は、いくつかの正確で実践的な手順を実行する必要があります。 これらについては以下で説明します。
WordPress 内でのビデオホスティング
ビデオを WordPress に直接アップロードすると、Web サイトの速度が遅くなります。 ビデオは帯域幅を消費し、ビデオの影響で Web サイトがクラッシュする可能性もあります。
トラフィックの少ない Web サイトの場合は、定期的なコストを削減するために共有 Web ホスティングを使用することを常にお勧めします。 ただし、自分のサーバーでビデオをホストする場合は、Namecheap のような優れた共有 Web ホスティングでも十分ではありません。 帯域幅が無制限の場合でも、Web サイトがクラッシュする可能性があります。
ビデオを WordPress に直接アップロードできます。 ただし、これらのビデオを Vimeo や YouTube などのビデオ ホスティング プラットフォームにアップロードすることは可能ですし、そうすべきです。これらのプラットフォームには、ビデオをホストするために必要な帯域幅があります。 その後、ビデオの URL をコピーして貼り付け、ビデオを埋め込むことができます。 ビデオ、スライド、画像を WordPress サーバーに直接アップロードする代わりに、ビデオ ホスティング サイトにアップロードできます。
最適化された画像を使用する
画像は視聴者の興味を引くことができます。 魅力的な画像を含む Web サイトは、Web サイトの閲覧数を増やすのに役立ちます。 非圧縮画像の読み込みには時間がかかります。 非圧縮画像にはより詳細な色と詳細が含まれており、これが Web サイトの読み込みに時間がかかる原因の 1 つである可能性があります。 圧縮された画像を使用すると、ファイル サイズが小さくなり、読み込みが速くなります。 生の非圧縮画像を WordPress ウェブサイトにアップロードする前に、画像を圧縮してください。 画像編集ソフトウェアを使用することも、無料で使用できるオンライン画像エディターを使用することもできます。
コンテンツ全体ではなくコンテンツのプレビュー
ホームページにコンテンツ全体を表示すると、悪影響を及ぼす可能性があります。 閲覧者は、初めて Web サイトにアクセスしてコンテンツ全体を見た場合、コンテンツ全体を読む気にはなりません。 代わりに、ホームページ上で記事の短いプレビューを使用し、実際のコンテンツが書かれている別のページに記事をリダイレクトします。 このように、視聴者は一度に多くの記事やブログ投稿を見て、どれを読みたいかを自分で決めることができます。 また、ホームページに非常に多くの記事を詰め込んでいると、ホームページの読み込みに時間がかかる可能性があります。
コンテンツ配信ネットワーク (CDN) を使用する
StackPath などのコンテンツ配信ネットワークを使用すると、Web サイトがより高速に実行され、読み込み時間が短縮されます。 これが可能になるのは、サーバーが 1 か所だけではなく世界中に分散されているためです。 画像、スクリプト、CSS などの静的ファイルはサーバーに保存されており、ユーザーが Web サイトにアクセスすると、ユーザーの場所に最も近いこれらの静的ファイルが最初に読み込まれます。 この分散サーバー ネットワークによりメイン サーバーの負荷が軽減されるため、Web サイトの読み込みはわずか数秒で行われます。 たとえば、ユーザーがヨーロッパのどこかから Web サイトにアクセスし、サーバーがオーストラリアにある場合、これらの静的ファイルの読み込みには少し時間がかかることがあります。 ただし、これらの静的ファイルまたは不変ファイルを保存しているサーバーがヨーロッパにある場合、そのサーバーはこれらのファイルをより速くロードします。
速度が最適化された WordPress テーマを使用する
非常に美しく見える Web サイトのテーマの中には、不必要なアニメーション、派手なヘッダー、ウィジェット、貧弱なレイアウトでいっぱいのものもあります。 画面には表示されませんが、ロード時間が遅くなる機能があります。 シンプルなレイアウトの WordPress テーマを使用すると、速度が最適化されるため、最も効果的です。 コーディング、レイアウト、バックグラウンド プロセスはすべて、より高速に読み込まれるように最適化されています。 WordPress の Web サイトやブログを最適化するために使用できる WordPress テーマは数多く存在します。 ウィジェットやアニメーションは後で追加できます。
高速なプラグインを使用する
一般的なルールとして、プラグインが多いほど、サイトの速度は遅くなります。 プラグインは、HTTP リクエスト、データベース クエリ、ファイル サイズなどの形式で Web サイトに負荷を加えます。プラグインの数だけでなく、インストールする各プラグインの品質にも注意を払う必要があります。 頻繁に使用され、Web 開発者に人気のあるプラグインを使用することをお勧めします。 Elementor や Elementor Pro などの Web テーマには、プラグインの代わりに使用できる組み込みウィジェットがあります。 プラグインの代わりに、ギャラリー、スライド、ソーシャル共有、アイコン、連絡先フォームのウィジェットを使用できます。
WordPress データベースの最適化
Web サイトのデータベースには、コンテンツ、スクリプト、画像、ビデオ、および WordPress Web サイトが機能するために必要なあらゆる設定が保存されます。 データベースが複雑な場合、必要な情報をすべて取得するためにデータベース クエリに時間がかかるため、読み込み時間が短縮されます。 Web サイトの読み込み時間を短縮するために、データベースを定期的にクリーニングしてメンテナンスすることを強くお勧めします。 WP Rocket や WP-Optimize などのプラグインは、Web サイトのデータベースを定期的に改訂するのに役立ちます。
あなたにおすすめ: 10 個以上のドラッグ アンド ドロップ WordPress ページ ビルダー。
コメントの最適化
コメントセクションのある WordPress Web サイトは Web サイトの重量を増加させ、読み込みが遅くなります。 通常、忙しいコメント セクションでは、HTTP リクエスト、データベース クエリ、ユーザー画像などの形式で重みが追加されます。各コメントを読み込むと読み込みに時間がかかり、Web サイトの読み込みが遅くなります。 コメントセクションを無効にすると、Web サイトの速度が向上します。 ただし、コメントを表示したい場合は、遅延読み込み WordPress プラグインをインストールして、コメントを表示したり、アバター画像を無効にして HTTP リクエストを減らすことができます。
キャッシュプラグインをインストールする
ブラウザのキャッシュにより、Web サイトの読み込み速度が 2 倍から 5 倍になります。 静的画像、CSS コード、画像、フォント、Flash アニメーション ファイル、JavaScript、HTML はすべてキャッシュに含まれており、ユーザーのブラウザのキャッシュ フォルダーに保存されます。 適切なキャッシュ プラグインを使用すると、これらのファイルのロードにかかる時間が短縮されます。 そうしないと、ユーザーは Web サイトにアクセスするたびに新しいページを読み込む必要があり、読み込みに時間がかかります。 これらの特別なプラグインは、キャッシュ ファイルを保存する期間 (たとえば、30 日など) をブラウザに指示します。W3 Total Cache などの WordPress プラグインにはブラウザ キャッシュ機能があり、スタンドアロン プラグインを使用することもできます。
ホットリンクを無効にする
ホットリンクは、Web サイトが Web サイトのコンテンツをコピーしたときに発生します。 そのため、Web サイトにユーザーがアクセスすると、Web サイトは帯域幅を使用して画像やその他のファイルを読み込みます。 ウェブサイトの速度も低下します。 次のコードを「.htaccess」ファイルに追加することは、他のサイトが画像やその他のファイルをホットリンクするのを阻止する確実な方法です。
RewriteEngine On RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google\.com(/.*)*$ [NC] RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?example\.com(/.*)*$ [NC] RewriteRule \.(jpg|jpeg|gif|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ - [NC,F,L]
PHPのバージョンを更新し続ける
PHP はサーバー側プログラミング言語であり、Web ホスティング サーバーにインストールされます。 WordPress はプログラミングに PHP を使用し、サーバー上で PHP を常に最新の状態に保つことで、Web サイトの速度が向上します。 PHP のバージョンを更新すると、Web サイトの速度が 2 倍になります。 PHP の最新バージョンは 7 であり、プラグインによって常に更新することを強くお勧めします。
ウェブサイトファイアウォール
安全な Web サイト ファイアウォールを使用すると、WordPress Web サイトへの望ましくない攻撃や盗難を防ぐことができます。 マルウェア、ハッカーが Web サイトのサーバーにアクセスし、貴重なデータをハッキングする可能性があります。 アクティブな DNS レベルのファイアウォール セキュリティを使用することをお勧めします。 望ましくない悪意のある攻撃をブロックし、ハッキングの試みをブロックします。
遅延ロード
Lazy Load は、視聴者が画面上に表示する画像のみをロードする WordPress プラグインです。 これは、ユーザーが Web サイトをスクロールすると、すべての画像やビデオをダウンロードするのではなく、ダウンロードされた画像のみが画面上に表示されることを意味します。 すべてのビデオと画像を事前にロードする必要はなく、画面に表示されるものだけが表示用にダウンロードされるため、画像とビデオのダウンロードが高速化されます。 Lazy Load を使用して、ビデオ、画像、スライド、コメント、Gravatar をアップロードできます。
Google 広告
ウェブサイトやウェブブログに Google 広告を挿入すると、ウェブサイトの速度も低下します。 広告がブラウザにどの程度読み込まれるかを観察してメモする必要があります。 ウェブサイトの作りが悪い場合、広告を挿入すると読み込みがさらに遅くなります。 広告のレイアウトとブラウザ上での表示方法を変更すると、この問題の解決に役立ちます。
こちらもお勧めです: WordPress で構築できる 10 種類の Web サイト。
結論
上記の手順により WordPress ウェブサイトの読み込み時間が短縮されると思われる場合は、考え直してください。 Web サイトの速度を低下させている原因を特定するための明確な手順はありません。 これは、Web サイトの読み込み時間を遅くしている要因を特定し、検索するプロセスです。 これにはテストが重要であり、Web サイトを通じて何を配信するか、Web ブラウザーに読み込まれる速度はどれくらいかを優先する必要があります。 Web サイトの速度を最適化する完璧な方法を見つける必要があります。これには、創造的なアイデアや、限られた Web リソース内での作業が含まれます。