WordPressのウェブサイトを高速化する方法を知りたいですか?もしかしたら、あなたのWooCommerce eコマースストアの動作が遅いかもしれません。
ウェブサイトのスピードは、集中しなければならないことがたくさんあるときには見落としがちです。書くべきコンテンツがあり、売るべき商品がある。
しかし、あなたが気づいていないかもしれないことは、サイトの読み込み速度は、あなたのビジネスのパフォーマンス、あなたの顧客の経験、そして最終的にはあなたの収入に直接影響を与える可能性があるということです。
しかし、心配する必要はありません。この記事ではWordPressのスピード最適化について解説しています。この記事を読めば、WordPressのウェブサイトをほんの少しの簡単なステップでスピードアップさせる方法がわかります。
その前に、これから説明する手順を説明しよう:
- あなたのWordPressサイトが遅いのはなぜ?
- 1.キャッシュプラグインをインストールする
- 2.WordPressで画像を最適化する
- 3.ワードプレスの更新
- 4.バックグラウンドで実行されているプロセスの最適化
- 5.ホームページ/アーカイブに投稿の抜粋を使う
- 6.コンテンツ・デリバリー・ネットワーク(CDN)を利用する
- 7.オーディオ/ビデオファイルを別の場所でホストする
- 8.コメントをページに分割する
- 9.スピードに最適化されたWordPressテーマを使う
- 10.WordPressプラグインの高速化
- 11.長いブログ記事をページにする
- 12.WordPressデータベースの最適化
- 13.ポスト改訂の制限
- 14.ホットリンクの防止
- 15.レイジー・ローディングを使う
- 16.最新のPHPバージョンにアップグレードする
- 17.GZIP圧縮を有効にする
- 18.CSSとJavaScriptのファイルサイズの最小化
始めよう
WordPressウェブサイトの高速化が重要な理由
コンテンツを消費する時間が増えるにつれ、私たちの注意力は著しく低下している。私たちは常に次の情報を探し求め、ほんの数秒の余韻を残して次のことに移っている。
ウェブサイトのオーナーとしては、人々の注目を集め、サイトに留まるよう説得する時間がほとんどないことを意味する。
サイトの読み込みが遅いと、読み込む前にウェブサイトから離脱してしまう可能性があり、コンバージョン率の低下や直帰率の上昇につながります。つまり、ウェブサイトのパフォーマンスが悪いと、製品を購入したりメーリングリストに登録したりする可能性のある人々を失うことになります。
さらに、Googleのような検索エンジンの大半は、遅いウェブサイトを検索結果でさらに下に押しやり、トラフィックがさらに少なくなることを意味する。
ですから、サイトの収益、トラフィック、購読者を本当に増やしたいのであれば、WordPressウェブサイトを高速化し、WordPressのパフォーマンスを向上させる必要があります。
WordPressウェブサイトの速度指標をチェックする
サイトのスピードについて何かを始める前に、現時点でのスピードを調べる必要があります。そうすれば、サイトを高速化したときに別のテストと比較し、改善点を把握することができます。
あなたのサイトの速度をテストするための超簡単な方法は、IsItWPのWordPressスピードテストツールを使用することです。これは、あなたのウェブサイトの速度を確立することができます完全に無料のツールです。
また、Google Pagespeed Insightsツール、GTMetrix、またはPingdomを使用して、コアウェブバイタルをテストすることができます。これらのツールは、デスクトップおよびモバイルデバイス上のHTTPリクエスト(およびHTTPS)に対するウェブサーバーの応答時間をテストします。また、以下のようなサイトスピードを改善するための提案も表示されます:
- ブラウザ・キャッシング
- リダイレクトの最小化
- 画像の最適化
- HTMLファイルとCSSファイルの最小化
- そしてもっと。
結果がわかったら、それを書き留めるか、将来の参考のためにスクリーンショットを撮る。
一般的に、WordPressサイトの適正な速度は2秒以下です。しかし、数ミリ秒でも速くすることができれば、大きな違いが生まれます。
次に進む前に、WordPressサイトが遅いのはなぜでしょうか?次にそれを解明しよう!
あなたのWordPressサイトが遅いのはなぜ?
スピードテストの有用な点のひとつは、その結果からWordPressをより速くするためのいくつかの提案を得られることです。これは、そもそも何がWordPressを遅くしているのかを特定するのに役立ちます。
問題は、これらの提案の多くが技術的で、初心者には理解しにくいことだ。誰でも理解できる言葉で、サイトを遅くする要因を見てみるのはどうだろう?
あなたのウェブサイトが遅い主な理由は次のとおりです:
- ウェブホスティング- 適切に設定されていないホスティングサーバーは、ウェブサイトの速度に影響を与える可能性があります。また、大きなファイルや肥大化したファイルはサーバーリソースを消費し、サイトの速度を低下させます。
- WordPressのセットアップ- WordPressサイトはキャッシュされたページを提供するのが理想的ですが、そうでない場合、サーバーに過負荷がかかり、クラッシュしたり速度が低下したりする可能性があります。
- 外部スクリプト- フォントローダー、Google Analytics、広告、Javascriptファイルなどのスクリプト。
- ページサイズ- 通常、これはウェブ用に適切に最適化されていないウェブサイトの画像のサイズを指します。
- 質の低いプラグイン- WordPressのプラグインに質の低いコードが含まれていると、ウェブサイトのアップタイムが遅くなり、セキュリティ侵害の危険にさらされる可能性があります。
あなたのウェブサイトが通常より遅くなる原因がわかったので、それに対して何ができるかを見つけましょう。
WordPressサイトを高速化する方法
WordPressサイトを高速化するのは難しいと思うかもしれません。しかし実は、より高速なウェブサイトを手に入れるためのステップはとてもシンプルなのです。重要なのは、どのようなステップを踏むべきかを知ることです。
幸いなことに、WordPressウェブサイトを高速化する最も重要な方法を以下に詳しく説明します。複雑な技術用語は一切ありませんので、ご安心ください!
1.キャッシュプラグインをインストールする
WordPressのページの特徴は、誰かがあなたのウェブサイトの投稿やページを訪れるたびに、その場で適応してまとめられることだ。
WordPressは、必要な情報を見つけ、訪問者のためにすべてをまとめるために特別なプロセスを実行する必要があります。しかし、このプロセスには多くのステップがあり、一度に1人以上の訪問者がある場合、ウェブサイトが遅くなる可能性があります。
キャッシュプラグインを使用することで、これらのステップの一部を削除し、ウェブサイトの処理速度を向上させることができます。
キャッシュは、ウェブページが最初に読み込まれた後にそのコピーを作成し、その後すべての訪問者にそのバージョンを表示することで機能します。
良質なWordPressキャッシュプラグインはたくさんあり、その多くはこのガイドで見つけることができる。さらに、WP Super Cacheのインストールガイドで紹介されているように、キャッシュプラグインのインストールはそれほど難しくありません。また、W3 Total Cacheも機能性のある代替の無料プラグインとして気に入るかもしれない。
多くのウェブホスティング会社がキャッシュ機能を提供しているため、プラグインを使用する必要がないことにお気づきでしょう。また、マネージドWordPressホスティングを利用している場合は、キャッシュ機能がデフォルトで組み込まれているため、何もする必要はありません。
2.WordPressで画像を最適化する
画像はどんなウェブサイトにも欠かせないものであることは否定できません。ヘッダー画像、ブログ記事内のフィーチャー画像などなど。しかし、それらがウェブ用に適切に最適化されていなければ、サイトの動作が遅くなる主な原因のひとつになりかねません。
携帯電話やカメラ、ストックフォトサイトから写真を撮ると、ファイルサイズがかなり巨大になることがあります。また、ウェブ用に編集せずにサイトにアップロードすると、サイトの速度に大きな負担をかけることになります。
WordPressのメディアライブラリに追加する前に、画像を編集してリサイズするのがベストです。また、適切なファイルタイプを選択する必要があります。通常はJPEGかPNGです。
PNG画像フォーマットは圧縮されていないので、画像データは小さくなっていません。画像を圧縮すると、そのデータの一部が失われます。そのため、非圧縮の画像は高品質ですが、結果としてファイルサイズが大きくなります。
一方、JPEGは圧縮された画像で、画質を落としてファイルサイズを小さくしている。
この2つを選びやすくするために、色やディテールの多い画像にはJPEGを、シンプルな画像や背景が透明な画像にはPNGを使うのが理想的です。
画像を編集するには、PhotoShopやGIMPのような画像編集ソフトを使用することができます。また、WordPressでも画像の編集やリサイズが可能です。
また、Smushのような画像最適化プラグインを使って画像を微調整することもできます。
3.ワードプレスの更新
新しいサイトオーナーは、WordPressのプラグインやテーマとともに、WordPressのインストールを常に最新の状態に保つことが重要だと思わないかもしれない。
WordPressは、新機能の追加、セキュリティ問題の修正、バグの対処のために頻繁に更新されます。そのため、ウェブサイトのオーナーとしては、すべてを最新の状態に保つことが最善の策となります。そうしないと、サイトの動作が遅くなったり、セキュリティ上の脅威にさらされたりする可能性があります。
最新バージョンのWordPressを使うべき理由の詳細については、こちらをご覧ください。
4.バックグラウンドで実行されているプロセスの最適化
通常、WordPressウェブサイトのバックグラウンドで実行されるプロセスがあります。これらのスケジュールされたタスクには、次のようなプロセスが含まれます:
- WordPressプラグインによるバックアップ。
- スケジュールされた投稿の公開
- 自動的にアップデートをチェックする。
- クローラーと検索エンジンがコンテンツを取得する。
更新のチェックや投稿のスケジューリングといった単純な作業は、ウェブサイトのスピードにそれほど影響を与えません。しかし、バックアップや検索エンジンのクロールのようなバックエンドのタスクは、WordPressサイトの速度を低下させる可能性があります。
これに対処するには、バックアッププラグインがトラフィックの少ない時間帯に実行されるようにし、データのバックアップ頻度を調整します。
例えば、火曜日と水曜日の朝にしか新しいコンテンツを公開しないのに、週7日毎晩バックアップを実行することができます。そうすれば、余計なバックアップは不要になる。
あなたのサイトが頻繁にクロールされているかどうかについては、Google Search Consoleで監視しておく必要がある。エラーが発生するクロールは、ウェブサイトの速度を低下させる可能性があるからだ。
Google Search Consoleの使い方がわからない場合は、このガイドをご覧ください。
5.ホームページ/アーカイブに投稿の抜粋を使う
WordPressはデフォルトで、ブログの全コンテンツをトップページとアーカイブに表示します。これは、ホームページやカテゴリーやタグのような他のページの読み込みが遅くなることを意味します。
さらに、トップページにブログ記事の全文を表示すると、訪問者が実際の記事までクリックする可能性が低くなります。そのため、訪問者のサイト滞在時間が短くなり、ページビューの総数も減ってしまいます。
ページの読み込み時間を短縮するために、WordPressで完全な記事の代わりに抜粋を表示させることができます。
これを行うには、ワードプレスダッシュボードの「設定」 " 「読書」に行き、「フィードの各投稿について 」の横にある「概要」オプションをクリックします。
また、WordPressの設定で、ピンバックとトラックバックのオプションのチェックを外しておくのも良いアイデアです。
6.コンテンツ・デリバリー・ネットワーク(CDN)を利用する
CloudflareのようなCDNをウェブサイトに使用することで、訪問者がどこから閲覧していても、WordPressの読み込み時間を短縮することができます。
CDNは、あなたのサイトを構成するために使用される静的ファイルを格納する世界中のサーバーのコレクションです。
これには、例えば、変更しないファイルも含まれる:
- 画像
- ジャバスクリプト
- CSS
先に説明したように、動的なWordPressページとは異なります。
CDNが設置されているときに誰もがあなたのサイトにアクセスすると、最も近いデータセンターから静的ファイルが表示されます。また、CDNはウェブホスティングサーバーのために多くのハードワークを行うことで、ウェブホスティングサーバーをスピードアップします。
最適なWordPress CDNサービスについては、こちらの詳細ガイドをご覧ください。
7.オーディオ/ビデオファイルを別の場所でホストする
WordPressにオーディオファイルやビデオファイルをアップロードすることは可能ですが、ホスティングの帯域幅を消費してしまう可能性があるため、アップロードするのは得策ではありません。多くの帯域幅を使用すると、超過料金で多くの費用がかかる可能性があり、ホスティング会社によっては、その結果シャットダウンされる可能性さえあります。
また、WordPressでオーディオファイルやビデオファイルをホスティングすると、バックアップのサイズが大幅に増加し、サイトの復元が困難になります。
別の方法としては、YouTubeやSoundCloudなどのサービスでビデオやオーディオをホストし、彼らに帯域幅を肩代わりしてもらう方法がある。
そうすれば、ページ速度を犠牲にすることなく、WordPressに動画を簡単に埋め込むことができる。
8.コメントをページに分割する
WordPressサイトにたくさんのコメントを表示することは、あなたのサイトが活発で熱心な読者を獲得していることを示す素晴らしい方法です。しかし、これらのコメントをすべて表示すると、サイトの表示が遅くなることがあります。
しかし、WordPressにはそのような問題を解決するソリューションがあります。
WordPressのダッシュボードからSettings " Discussionを開き、Break comments into pagesの横にあるボックスにチェックを入れるだけです。
9.スピードに最適化されたWordPressテーマを使う
WordPressのテーマを選ぶ際、スピードは考慮すべき重要な要素です。できるだけスタイリッシュな機能を備えた、見栄えの良いデザインを選びたいものです。しかし、実はそのような印象的なデザインの多くは、コーディングが不十分で、サイトの動作が超遅くなってしまうのです。
WordPressのテーマを選ぶとき、通常はシンプルが一番です。結局のところ、細かいレイアウトや派手なアニメーションは必要ないでしょう。もし必要だとしても、後から追加すればいいのだ。
のようなプレミアムテーマショップから高品質のWordPressテーマを選ぶ:
これらのストアはすべて、美しくデザインされ、スピードのために最適化された、よくコード化されたテーマを提供している。
WordPressのテーマを変更する前に、SEOを損なうことなくウェブサイトを再設計する方法を知ることが重要です。
10.WordPressプラグインの高速化
WordPressのプラグインにも同じ問題があります。多くのプラグインは、不必要な機能や稚拙なコードで肥大化しており、これらはすべてウェブサイトの速度を低下させ、ページ速度に影響を与える原因となっています。
プラグインがサイトの速度を低下させるかどうかを調べるには、プラグインをインストールする前と後の両方でページ速度テストを実行します。そうすれば、どのような影響があるかを比較することができます。
私たちはしばしば、市場で最高のWordPressプラグインのショーケースを公開しています。そして、あなたが十分な情報を得た上で選択できるように、私たちは常に以下の点に特に注意を払うようにしています:
- 使いやすさ。
- ユーザー・エクスペリエンス。
- プラグインのパフォーマンス。
- コードの品質。
最高のWordPressプラグインの最新のショーケースについては、こちらの記事をご覧ください。
11.長いブログ記事をページにする
ブログ記事は長くて詳細であればあるほど、検索エンジンで上位に表示されると思われがちです。しかし、画像を多用した長文の記事は、実際にはページの読み込み時間を悪化させる可能性があります。
これを回避する1つの方法は、WordPressの投稿を複数のページに分割し、すべてを一箇所に表示しないようにすることだ。
ありがたいことに、WordPressにはこれを簡単に行う方法がある。以下のタグを分割したい記事に追加するだけだ:
<!––nextpage––>
これを繰り返すことで、その記事のページを増やすことができる。
あるいは、長い記事を複数回のシリーズに分けることを検討してはどうだろうか。そうすれば、ページ速度を損なうことなく、より短いブログ記事をより頻繁に公開することができます。
12.WordPressデータベースの最適化
WordPressを使い始めてしばらく経つと、データベースにはもう保持する必要のない情報が蓄積されている可能性があります。これらの情報を削除することで、サイトのパフォーマンスを大幅に向上させることができます。
WP-Sweepプラグインは、WordPressデータベースを最適化するための無料でシンプルな方法です。数回クリックするだけで、ゴミになった投稿や使われていないタグを簡単にクリーンアップし、データベースの最適化を行うことができます。
13.ポスト改訂の制限
WordPressで不要な情報を整理するついでに、投稿のリビジョンも通常見落とされがちな部分です。投稿リビジョンは、データベースのスペースも取りがちです。
さらに、WordPressユーザーの中には、投稿のリビジョンが一部のプラグインが実行するデータベースクエリに影響すると考えている人もいます。プラグインがリビジョンを除外していない場合、必要なくリビジョンを調べることでサイトの動作が遅くなる可能性があります。
WordPressで各投稿のリビジョン数を制限するのはとても簡単です。wp-config.phpファイルにこの一行のコードを追加するだけです:
define( 'WP_POST_REVISIONS', 4 );
サイトのファイルを自分で編集するのが面倒な場合は、ウェブサイトの開発者に依頼してください。
一旦実装されると、このコードは記事とページのリビジョンを4つに制限し、古いものはすべて自動的に破棄する。
14.ホットリンクの防止
あなたが質の高いコンテンツを作っていることを保証するサインは、遅かれ早かれ誰かがそれを盗むということだ。これはお世辞のように見えるかもしれないが、あなたの評判を傷つけ、あなたが行ったすべてのハードワークを見落とすことになる。
悲しいことに、このようなことをする人たちの方法の1つは、あなたの画像を自分のサーバーにアップロードすることなく、あなたのオリジナル画像にリンクして自分のウェブサイトに表示することです。こうすることで、これらの人々はあなたの帯域幅を盗み、あなたはその分のトラフィックを得ることができません。
あなたのウェブサイトの画像へのホットリンクをブロックするには、.htaccessファイルに次のコードを追加します:
#disable hotlinking of images with forbidden or custom image option RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?seedprod.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]
RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]
また、seedprod.comを自分のドメイン名に変更してください。
15.レイジー・ローディングを使う
本記事の冒頭で述べたように、投稿やページに多くの画像を使用すると、WordPressウェブサイトの読み込み速度やパフォーマンスに劇的な影響を与えます。
同じことが、メディアを多用するウェブサイト全般にも言えます。そのため、動画の埋め込みやフォトギャラリーを多用するサイトでは、遅延読み込みを使用するメリットがあります。
レイジーローディングは、すべての画像を一度にダウンロードするのではなく、画面に表示されている画像のみをダウンロードすることで機能します。他のビデオエンベッドや画像は、ページをスクロールして表示するまで、すべてプレースホルダーに置き換えられます。
遅延ロードできるのは画像だけではありません。以下の機能も遅延ロードできます:
- ビデオ
- コメント
- グラビア
- フレーム
画像、動画、iframeを遅延ロードするには、WP RocketのLazy Loadプラグインが確実な選択です。また、コメントを遅延ロードする方法については、こちらのガイドをお読みください。
16.最新のPHPバージョンにアップグレードする
すでにご存知かもしれませんが、WordPressの主なプログラミング言語はPHPです。この言語はサーバーサイドにあり、ホスティング・サーバーにインストールされ実行されます。
優れたWordPressホスティング会社はすべて、サーバーで最新かつ最も安定したバージョンのPHPを使用しています。しかし、あなたのホストが古いバージョンを使っている可能性もあります。
PHPの最新バージョンは以前のものと比べて2倍高速で、これを活用すればウェブサイトのパフォーマンスが大幅に向上する。
自分のサイトで使用しているPHPのバージョンがわからない場合は、Version Infoプラグインをインストールすればわかります。プラグインを有効化すると、WordPressダッシュボードのフッターにサイトのPHPバージョンが表示されます。
あなたのサイトがPHPの古いバージョンを使用している場合は、ホスティングプロバイダにアップグレードを依頼することができます。それができないことが判明した場合、それは船をジャンプし、新しいWordPressホスティング会社を探すための時間かもしれません。
17.GZIP圧縮を有効にする
GZIPは、多くのウェブサイト所有者がインターネット上でファイルを送信するために使用する圧縮方法です。ファイルサイズを約70%小さくすることができ、他の圧縮方法よりも時間がかかりません。
WPRocketのような速度最適化プラグインの多くは、ツールセットの一部としてGZIP圧縮を含んでいます。しかし、あなたのウェブサイトがApacheサーバー上にある場合、.htaccessファイルにこのコードを追加することで、手動でGZIP圧縮を有効にすることができます:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
</IfModule>
18.CSSとJavaScriptのファイルサイズの最小化
CSSとJavaScriptは、あなたのサイトの大部分を占めています。しかし、これらのファイルは、訪問者がページを読み込むたびにウェブサーバーからウェブブラウザに送信されます。そのため、これらのファイルが小さければ小さいほど、ページの読み込みが速くなります。
これを行うには、CSSとJavaScriptファイルをスキャンして縮小するAutoptimizeのような無料のWordPressプラグインを使用することができます。
以上、皆さん!
この記事で、WordPressウェブサイトを高速化する方法をご理解いただけたでしょうか。あとは、これらの簡単なステップを実践して、より高速なウェブサイトを持ち、より多くの訪問者を活用するだけです。
そして、あなたのサイトのスピードが、人々があなたのウェブサイトを放棄することに一役買っていることをご存知ですか?ショッピングカートの放棄についてはこちらをご覧ください。
この記事が気に入ったなら、このようなチュートリアルをもっと見るために、ツイッターや フェイスブックで私たちをフォローしてください。
ワードプレスのウェブサイトを高速化する方法をグーグルで検索していて、この記事を見つけました。これでWordPressのウェブサイトを簡単にスピードアップできると思います。ありがとうございました!
デビッド、教えてくれてありがとう!