WP Rocket レビュー: 本当に WordPress を高速化しますか?
公開: 2020-01-16これは、WP Rocket プラグインを使用して WordPress を高速化する方法を説明するケーススタディです。
この投稿では、 WP Rocket をレビューして、プラグインの内部を見て動作を確認し、使用した正確な設定と、 WordPress の速度に対する実際の影響を確認できるようにします。
この実験にはクライアントの Web サイトを使用しました (プライバシーを保護するためにドメイン名は削除されています)。 私は彼らの仕事の一環として彼らのオンページ SEO を微調整してきましたが、ページの読み込み速度に関しては壁にぶつかり続けていました。
通常、私は遅いホスティングを非難します。 しかし、このクライアントはすでに高速な (そしてかなり高価な) 半専用ホストと Cloudflare を使用しています!
クイックフィックスを探して、 WP Rocket を試してみることにしました。 この投稿では、WordPress の速度が重要である理由を学び、ページ速度の測定、WP Rocket のセットアップ、クライアントの WordPress Web サイトの高速化に私が使用している正確な方法を見ていきます。
TL;DR WP Rocket プラグインを使用するだけで、ページの読み込み時間が 1 秒短縮され、最初のバイトまでの時間が 13 倍速くなりました!
WPロケットとは？
WP Rocket は、Jonathan Buttigieg と Jean-Baptiste Marchand-Arvier によって 2013 年に作成されたWordPress 速度最適化キャッシュ プラグインです。
彼らのウェブサイトによると、プラグインは現在500,000 以上の WordPress ウェブサイトで使用されています。
ウェブサイトをキャッシュして圧縮し、パフォーマンスを向上させ、ページの読み込み時間を短縮します。
プレミアム プラグインとして、1 年間のライセンスで 1 サイトあたり 39 ドルからです。 プラグインはこの期間後も引き続き使用できますが、更新は受信されなくなります。 このプラグインの最大のセールス ポイントの 1 つは、そのワンクリック機能です。コーディングについて何も知らなくても、結果を得ることができます。
ページ速度が重要な理由
WordPress ウェブサイトは高速である必要があります。 なんで？ 人々は遅いウェブサイトに悩まされるからです。 あなたのサイトが読み込まれている間、誰が待っているのですか。
WordPress サイトの速度が遅いと、ユーザーが Google に戻ったり、別の Web サイトに移動したりする可能性があります。 あなたはちょうど顧客を失いました！ さらに悪いことに、Google は、人々が直帰したことを知っており、サイトがどれだけ遅いかを知ることができるため、SERP を押し下げます。
はい、現在、ページ速度は Google のランキング要素です。
共有ホスティングまたは低 RAM (1 GB または 2 GB) のホスティングを使用している場合は、WordPress が可能な限り最適化されており、良好で一貫した速度が確保されていることを積極的に確認する必要があります。
WordPress ウェブサイトの速度をテストする方法
クライアントの Web サイトで webpagetest.org を使用して速度テストを実行し、そのパフォーマンスを確認しました。
テストを実行する前に、いくつかの変数を変更できます。 最も多くのトラフィックを受信する場所に場所を設定することをお勧めします (英国ベースの Web サイトをテストしていたため、ロンドンを使用しました)。
ブラウザーを選択し(サイトのユーザーに最も人気があるため、Chrome を使用しました)、 Web 接続速度を選択できます。 サイトに大量のモバイル トラフィックが発生する場合は、3G を使用します。サイトを完全にスピード テストするには、最悪のインターネット接続を使用しているユーザーに対してサイトがどのように機能するかを知る必要があります。
代表的な結果を得るために、内部ページ (またはサイトで最も人気のあるページ) をテストすることをお勧めします。
上のスクリーンショットから、webpagetest がA から F までの一連の評価を与えることがわかります。それらはクールに見えるかもしれませんが、実際の読み込み時間はより重要です。
ページ上のすべての機能の読み込みにかかる時間を表す読み込み時間(2.857) をチェックするのが好きです (分析スクリプトなどの追加ファイルも含まれているため、完全読み込みはわずかに長くなります)。
また、 First Byte (TTFB とも呼ばれる – 最初のバイトまでの時間) も調べます。 TTFBは、サーバーがデータの最初のバイトを送信するのにかかった時間を表します。 TTFB が遅いということは、通常、サーバーが遅いか、WordPress データベースのパフォーマンスが悪いことを意味します。
より多くのデータを取得するために、ウォーターフォール ビューを調べました。
ウォーターフォール ビューは、ページの読み込み時間を個々の要素に分類します。 色分けされたキーのおかげで、要素のタイプ (html、css、画像など) を簡単に確認できます。
上記のスクリーンショットから、私がテストしたページで最も読み込みが遅い要素は画像であることがわかります。
変更を加える前に、Web サイトをバックアップしてください。
微調整を行う前に、WordPress ウェブサイト全体をバックアップしました。 これは、プラグインをインストールしたりコードを変更したりする前に必ず行う重要なステップです。 後で後戻りするよりは簡単です。
次に、WP Rocket のシングル サイト ライセンスを 39 ドルで購入しました。 価格に既に VAT が含まれていることを知り、うれしく思いました (私の顧客は英国にいます)。 必要に応じて、より多くの Web サイトの一括ライセンスを取得できます。
次に、プラグインをダウンロードして、WordPress ダッシュボードに直接インストールしました。
WPロケットのインストール方法
ダッシュボードから WP Rocket をダウンロードします。
WordPress Web サイトにログインし、[プラグイン] -> [新規追加] に移動して、[プラグインのアップロード] をクリックします。
[参照] をクリックし、WP Rocket zip ファイルを選択して[今すぐインストール] をクリックします。
それはそれと同じくらい簡単です。
インストールが完了すると (数秒かかります)、 WP Rocket ダッシュボードが表示されます。
良いニュースは、プラグインがすでに機能していることです!
却下する通知と通過するオプションがいくつかあります。
WP Rocket には、Imagify と呼ばれる画像最適化サービスもあり、このプラグインから宣伝しています。 現時点ではテストすることに興味がないので、メッセージを閉じました。
何らかの理由で、広告ブロッカーをオフにしてサポートにアクセスするようにも言われます. サポートは不要だったので、そのメッセージを閉じました。
また、機密性の低い診断データの収集をプラグインに許可することも拒否しました。
私が最適化しているサイトはCloudflareを使用しているため、いくつかの設定を微調整する必要がありました。 Cloudflare を使用していない場合は、次のセクションをスキップできます。
CloudflareでWP Rocketをセットアップする方法
WordPress 管理パネルの WP Rocket ダッシュボードから、「アドオン」に移動し、Cloudflare アドオンを「オン」にします。
プラグインが Cloudflare と同期するには、3 ビットのデータを追加する必要があります。
グローバル API キー: Cloudflare アカウントにログインしてこれを取得します。 [マイ プロファイル] に移動し、API キーまでスクロールして [表示] をクリックします。 アカウントのパスワードを再入力する必要があり、API を取得するには Captcha を実行する必要があります。
アカウントの電子メール: Cloudflare アカウントで使用する電子メール アドレス。
ゾーン ID : Cloudflare のメイン Web サイト概要パネルでこれを見つけることができます。[詳細設定] をクリックすると、ゾーン ID が下に表示されます。
ヒント:これで WP が Cloudflare と同期されました。もう Cloudflare プラグインを使用する必要はありません。Cloudflare は WP Rocket から直接管理します。
私のカスタム WP Rocket 設定
最良の結果を得るために、 WP Rocket の設定に次の変更も加えました。 それらはオプションであり、それらを試して、サイトで最高の速度を実現するものを確認できます.
これがメイン設定パネルです。 左側のタブを下に移動して、変更する必要がある設定を見つけます。
キャッシュ設定
これらはそのまま残しました
ファイル最適化設定
HTML の縮小 – オン
Google フォント ファイルの結合 – オン
静的リソースからクエリ文字列を削除 – オン
CSS ファイルの縮小 – オン
CSS 配信の最適化 – オン
JavaScript ファイルの縮小 - オン
JavaScript の遅延読み込み – オン
WP Rocket では、HTTP/2 を使用するサイトで CSS や JavaScript を組み合わせることは推奨されていません。 サイトで HTTP/2 が使用されているかどうかわからない場合は、こちらを確認してください。
メディア設定
画像の LazyLoad – オン
絵文字を無効にする – オン
WordPress の埋め込みを無効にする – オン
ホストがVarnish (HTTP 要求を高速化するサーバー ソフトウェア) を使用している場合は、Varnish アドオンを有効にする必要があります。
ホスティング プロバイダーがサーバー上で Varnish を使用しているかどうかがわからない場合は、プロバイダーに直接確認するか、ドキュメントを参照してください。通常はかなり明確になっています。
設定をエクスポート/インポートできます。複数の Web サイトでプラグインを使用する予定がある場合に適しています。
WordPress データベースのクリーンアップ
前のセクションで説明したキャッシュ設定に加えて、WP Rocket を使用して WordPress データベースをすばやくクリーンアップしました。
データベース設定
リビジョンを削除– これにより、WordPress が自動的に保存する古い部分的な投稿が削除されます。
自動下書きを削除– 一目瞭然!
Transients cleanup – メモリ内の一時ストレージをクリーンアップします。 これは必要に応じて再生成されますが、古いプラグインやほとんど使用されていないプラグインからジャンクを片付けるのに適しています。
テーブルの最適化 – オン
結果
WP Rocket は動作しますか?
キャッシュを消去して再構築し、以前と同じ設定を使用して webpagetest を再実行しました。
結果は次のとおりです。
うわー、その TTFB 速度を見てください!
WP ロケットの購入、インストール、セットアップにかかった 20 分で、ウェブサイトの読み込みが 2.9 秒から 1.8 秒に短縮されました。
Time to First Byte 速度はさらに改善され、0.9 秒から 0.069 秒に短縮されました。 これは13 倍高速です。
WP Rocketの効果を簡単に確認できるように、前後のグラフィックを次に示します。
私は結果に非常に感銘を受けました。
また、このサイトは、Google の PageSpeed インサイトから、優れたモバイル最適化スコア(84/100) を獲得しました。
デスクトップのパフォーマンスは 73/100 と評価されましたが、このサイトは主にモバイル向けに最適化されているため、私にとっては重要ではありません。
正直に言うと、PageSpeed のインサイト スコアは、何よりも虚栄心の指標です。 はい、自慢するのはいいことですが、本当に重要なのはページの読み込み時間です。
改善の余地
理想的には、サイトの読み込みをさらに高速化 (可能であれば 1 秒未満) したいと考えています。 webpagetest の Waterfall ビューから、サイト上の画像を最適化することでこれを実行できることがわかります (画像は非常に大きく、外部でホストされています)。
サイト上の画像について WP Rocket ができることは何もありません(オフサイトでホストされているため、他のプラグインもできません) が、手動で行うことができます (画像をホストするように CDN を設定するか、サイトにインポートしてから、小さなファイルサイズに最適化されています)。 私はすぐにそれに取り組みます！
継続的な速度維持
時間が経つと、データベースがごみでいっぱいになり、ウェブサイトの速度が再び低下する可能性があります。
WP Rocketを使用すると、ポストクリーンアップとデータベース最適化機能を自動化して定期的に実行できるため（私は毎週行っています）、WordPressサイトに頻繁にログインしなくても速度を維持できます.
クライアントサイトでプラグインを使用している私にとって、この機能は不可欠です。クライアントは何もする必要がなく、 WP Rocket は自動操縦で最適化を維持するからです。
最終判断: WP Rocket はそれだけの価値がありますか?
簡単な答えは: はい!
39 ドルと 20 分で、WordPress Web サイトを大幅にスピードアップし、自動最適化をセットアップして、自分の関与なしで高速に実行できるようにしました.
そうです、 WP Rocket を使用して WordPress ウェブサイトを高速化することをお勧めします。
必要のない唯一の人は、自分で手動で微調整を実行できるコーダー、または洗練されたサーバー側のキャッシュを有効にしてホスティングを使用している人です。
最高の WordPress プラグインとテーマのリストにプラグインを追加しました。追加の推奨事項が必要な場合は、こちらをご覧ください。
私のアフィリエイト リンクを使用して WP Rocket を購入すると、このサイトの運営費に充てられる少額の紹介料 (追加費用なし) を受け取ることができます。 ありがとう！
WP Rocket クーポンとお得な情報
最新のクーポンコードについては、こちらの公式サイトを確認してください。
プラグインはそのままではかなり安いですが、掘り出し物がどうしても必要な場合は、特にブラック フライデーの時期に、WP Rocket で常にクーポンや取引を利用できます。