WP Rocket 3.9がコアWebのバイタルとパフォーマンスの向上にどのように役立ったか（4つのRocketeerストーリー）

公開: 2021-08-23

7月に、WP Rocket 3.9をリリースし、2つの強力な機能を実装しました。未使用のCSSを削除することと、 JavaScriptの実行を遅らせる新しい方法です。これらのオプションがサイトのパフォーマンスを向上させるためのゲームチェンジャーである理由がわからない場合、またはWP Rocketが正しい選択であるかどうかを理解したい場合は、読み続けてください。

前回のリリースを楽しんで、パフォーマンスとPageSpeed Insightsスコアが大幅に向上した、コアWebバイタルを含むWPRocketのお客様の4つのストーリーをお読みください。

Alberto Quintero、Ruben Alonso、John Shaw、Olga Zarzecznaが、WP Rocketの使用方法と、達成したパフォーマンスの向上について説明します。そして、彼らはWPロケットが彼らのビジネスに違いをもたらす理由を説明します。

そもそもなぜキャッシュプラグインを使うのか？

Webパフォーマンスにかなり慣れていない場合、またはプラグインに慣れていない場合は、キャッシュプラグインがサイトのパフォーマンスにとって本当に重要かどうか疑問に思うかもしれません。

アルベルトはフリーランサーとして働いており、コアラスタジオを含むいくつかのウェブサイトを管理しています。彼は次のように説明しています。「現在、コンテンツをキャッシュせずにWebサイトで高速ナビゲーションを提供することはできません。私は長年クライアントのウェブサイトを開発しており、以前はさまざまなキャッシュプラグインを使用していました。」

驚くことではありません。スピードはビジネスにとって重要な役割を果たし、プラグインは物事を簡単にします。

ルーベンはSEOに焦点を当てたブロガーとして働いています。彼は次のように述べています。「私は現在ブログを利用しています。私の記事を読む人に優れたユーザーエクスペリエンスを提供することが重要です。もちろん、SEOのパフォーマンスと有機的な可視性に関しては、スピードも重要です。特に、コアWebバイタルが新しいランキング要素の一部になり始めた今はなおさらです。」

そして、あなたは当然のことながらあなたのサイトの速度をとることはできません。

OlgaはSEOの技術専門家であり、次のように説明しています。「さまざまな速度とキャッシュプラグインをテストし続けましたが、サイトが成長し続け、新しいコンテンツを追加し続けると、速度が低下していました。サイトが本当に高速だったのは、「HelloWorld！」が1つだけのWordPressが新しくインストールされたときだけでした。役職"。

おなじみですか？次に、デジタルおよびUIデザイナーのジョンが次のように述べていることに気付く可能性があります。プレミアムテーマを使用し、私たちが決して使用しない肥大化したコードに加えて、他の特注機能を駆動する多数のプラグインが付属しています。サイトは訪問者にはそれほど遅くは見えませんでしたが、低いレッドゾーンでモバイルとデスクトップのPageSpeedInsightsスコアを取得しました。昨年、コンテンツの最適化、デザインの更新、可能な場合はプラグインの削除に着手しましたが、これはある程度役に立ちました。ただし、テーマでのスタイルとスクリプトの使用方法がレンダリングをブロックする性質があるため、速度の向上はごくわずかでした。」

PageSpeed Insightsのスコアが低く、改善が最小限であると、ベルが鳴りますか？ もしそうなら、WordPressに最適なキャッシングプラグインが必要な理由が明らかになりつつあります。これで次のセクションに進みます。

WPロケットが単なるキャッシングプラグインではない理由

適切なキャッシングプラグインを見つけるのは簡単ではないかもしれません。ニーズに最適なものを特定した後でも、質問や懸念がある場合があります。それは正常なことであり、これは私たちのロケット選手にも起こったことです。

アルベルトは次のように述べています。「WPロケットが期待どおりに機能しないのではないかと心配していました。起動してダッシュボードが見えるようになると、心配事はすべて消えました。本当に印象的です。 そのシンプルさにより、ワンクリックで最も重要な機能をアクティブ化できるため、高度な知識がない人にも最適です。ただし、上級ユーザーは、フォントの読み込みモードや、圧縮から除外されるJSまたはCSSファイルなどの特定の設定をカスタマイズすることもできます。私のビジネスでは、ユーザーが必要な情報をできるだけ早く入手できるようにすることが不可欠です。 読み込み速度は重要であり、これがキャッシュプラグインが不可欠になる場所です。 ユーザーがWebを閲覧するという前向きな体験は、あなたのビジネスを選択肢にするものですが、あなたも良い選択肢であれば、ユーザーを顧客に変えることは非常に簡単になります。」

そして、すでにいくつかのプラグインを試し、がっかりした場合はどうなりますか？新しいプラグインを試してみませんか？

ルーベンに起こったことは次のとおりです。「私がWPロケットを何年も使用しているのは事実ですが、以前は複雑な他のキャッシングプラグインを使用していましたが、適切な構成が得られませんでした… WP Rocketに会ったとき、それは「もう1つ」だと思いましたが、満足していることを認めなければなりません。最初は、そのパフォーマンス、または他の人と同じように機能するかどうかについて疑問がありました。その使用法と構成に関しては、他の同様のプラグインの使用経験がすでにあるので、大きな問題はありませんでした。」

Olgaはまた、10以上の異なるキャッシングおよびスピードプラグインを試しました。「彼らが行った改善は最小限であり、一部のプラグインは事態をさらに悪化させました。他の人が私のサイトを壊していました。 WPロケットが他の人と同じように動作するのではないかと心配していました。つまり、常に動作し、速度にこだわるのをやめさせないのです。しかし、私がそれに出くわし、それについてもっと学び始めたとき、私はこのプラグインが異なるかもしれないという希望を得ました。 WP Rocketを使用すると、速度とパフォーマンスに常にこだわるのではなく、サイトの成長とSEOに関するコンテンツの作成により多くの時間を費やすことができました。」

ジョンも同様の経験をしています。「私たちはいくつかのオプションを試しました。それらは無料で、仕事ができるように聞こえました。私たちが試したすべてのことでいくつかの改善が得られましたが、速度を大幅に向上させるには、テストした各プラグインの「詳細オプション」に飛び込む必要がありました。ここでの欠点は、私はかなり技術的ですが、それでも何よりもまず、ビジュアルデザイナーであるということです。必要な知識は私のスキルレベルを超えていたので、最高の結果を得るために結び目を作り、サイトのデザインや機能を壊してしまうことがよくありました。最初は、 WP Rocketがすでにテストした無料のプラグインのようになり、十分なプラスのメリットが得られず、複雑すぎて最大限に活用できないのではないかと心配していました。ただし、テーマ開発者、WordPressコミュニティの大手企業からの確かな証言、および返金保証によって推奨されました。」

️WPRocketが他のプラグインと何が違うのかまだ疑問がある場合は、比較表をご覧ください。

W3トータルキャッシュとWPロケット

WPスーパーキャッシュとWPロケット

WP最速キャッシュとWPロケット

ハチドリ対WPロケット

LiteSpeedキャッシュとWPロケット

NitroPackとWPロケット

コアWebバイタルとパフォーマンスのゲームチェンジャーとしてのWPRocket3.9

WP Rocketは常に嬉しい驚きであり、強力なキャッシングプラグインでした。これは、Rocketeersがこれまでに語ってきたことです。ただし、最新バージョンには、特にCore Web Vitalsのパフォーマンスに関して、違いをもたらすいくつかの改善が含まれていました。

お客様に何が起こったのかを調べてみましょう。

アルベルトは次のように述べています。「3.9リリースは信じられないほどの変化でした。どうやってやったのかわかりませんが、突然、GoogleCoreVitalsチェックに合格できなかったクライアントのテンプレートの一部が問題なく合格するようになりました。 WP Rocketを更新してから、一部のWebサイトはモバイルのGoogle Page Insightsで100％表示されます。 Core Web Vitalsは、私のWebサイトやクライアントのWebサイトでようやく問題にならなくなったことを嬉しく思います。」

アルベルトが彼のウェブサイトで達成したことは次のとおりです。

さらに、次のように述べています。「WP Rocketは、私のWebサイトとクライアントのWebサイトに常に大きな違いをもたらしてきました。ファイルの縮小、遅延読み込み、YouTube iframeの画像への置き換え：それは単なる魔法です！ バージョン3.9はさらに進んでいます。これで、プラグインは、ロードされて使用されていない、または単一のページでのみ使用されているコードの量をすべて排除できます。 3.9は、キャッシングプラグインランドスケープの全体的な変更を表しています。 これまで、他のプラグインを使用して、クライアントのWebサイトの特定のページにあるコードとファイルを削除してきました。新しいバージョンでは、それらの使用をやめ、読み込み時間をさらに改善することができます。」

Webパフォーマンスの最適化には多くの課題が伴います。そのため、物事を簡単にするために適切なプラグインが不可欠な味方です。

ルーベン氏は、次のように述べています。しかし、私はこの最新バージョンが私を嬉しく驚かせたことを認めなければなりません。 特にDelayJSの機能により、Googleがユーザーエクスペリエンスにとって重要であると設定し始めているCoreWebVitalsを改善することができました。」

そして彼は続けます。「 WPRocket3.9は、ブログが最初のロードで正しく表示（および読み取り）されるために厳密に必要なJavaScriptのみをロードし、非常に役立ちます。また、未使用のCSSオプションを使用すると、読み込まれるファイルが少なくなり、重みが少なくなることに気付きました。これも高く評価されています。それぞれのケースが異なるため、注意する必要があります。私の場合、JavaScriptとCSSを微調整して完璧にする必要がありましたが、それだけの価値はありました。」

ルーベンは次のように説明しています。「たとえば、Google PageSpeedがフラグを立てるGoogleタグマネージャースクリプトを除外しましたが、必要でした。他のスクリプトも除外する必要がありましたが、それらがユーザーエクスペリエンスに大きな影響を与えることに気づきました。」

それでも、ルーベンはプラグインを少し調整して適切な設定を見つけました。覚えておいてください。問題が発生した場合でも、カスタマーサポートがいつでもお手伝いします。

ルーベンがWPロケット3.9で何を達成したかを見てみましょう。

「https://web.dev/measure/の画像でわかるように、新しいバージョンをインストールしてDelay JSのこのオプションを使用する前に、私のブログで最も訪問された投稿のスコアは80をほとんど超えませんでした。そして、最も重要なのは、CoreWebVitalsの最適値に達しませんでした。 7月10日以降、スコアは劇的に変化しました。」

ルーベンのサイトは、モバイルから99PageSpeedInsightsを取得します。

ルーベンはJavaScriptの読み込みについて次のように語っています。「これは常に最も困難なパフォーマンスの最適化でした。私の場合、さまざまなプラグインからのファイルがかなりあり（たとえば、Disqusはそれらのファイルをたくさんロードします！）、自分で作成したファイルもいくつかあります。そして、私は常にその理由であまり多くをロードしないように注意してきました。 WP Rocket 3.9を使用すると、これらのJSファイルを最初にロードしたくない場合はロードされないことがわかっているので、それほど心配する必要はありません。」

あなたがあなたのサイトのビデオについて心配しているなら、オルガの話はあなたを安心させます：「私は私のサイトとホームページにさえたくさんのビデオを埋め込みます。これらはYouTubeの埋め込みではありません。 最近の更新後、ホームページにフルHDビデオがあることは問題ではなくなりました。 PageSpeed Insightsのスコアはまだ90以上であり、CoreWebVitalsを満たしています。そうです。WPRocket3.9は、Core Web Vitals、特にフィールドデータに違いをもたらしました。 改善は非常識でした！」

モバイルの結果の前後を比較してみましょう。

WPRocket3.9をインストールする前に

WPRocket3.9をインストールした後

WPRocket3.9以降のモバイルからの灯台メトリックとPageSpeedの機会

オルガ氏は次のように付け加えています。「以前は、AdSenseはありませんでした。今、私はそれを持っています、そして私はまだPSIの緑のエリアにいて、すべてのコアWebバイタルに会うことができます。

ジョンは次のように述べています。「プラグインのUIはプロフェッショナルな感じで、簡単に見つけることができます。最大の違いをもたらした機能をすぐに見つけることができました。 「箱から出してすぐに」動作し、いくつかのチェックボックスを設定することで、速度が大幅に向上しました。その結果、サイトのデザインとUXの管理に集中でき、WPRocketが速度を処理します。

すべての優れた機能の中で、これらのオプションから最も恩恵を受けました。

CSS配信を最適化する
延期されたJavascriptのロード
JavaScriptの実行を遅らせます。

これらはすべて、私が経験していた複雑なレンダリングブロックの問題を解消するために機能しました。

WP Rocketの前は、デスクトップからでも約30のスコアを達成することができました。

WP Rocket 3.9をインストールすると、モバイルから90以上のグレードを取得しました！」

WPRocket3.9をインストールした後のモバイルからのPageSpeedスコア

Johnは次のように付け加えています。「サイトの機能やスタイルを損なうことなく、レンダリングブロックスクリプトとCSSを延期する問題を回避することは常に困難です。 WP Rocket 3.9のおかげで、これはもう問題ではありません」。

最も強力な機能を活用する

真実は、WPRocket3.9にはいくつかの優れた機能が備わっているということです。前のセクションで読んだように、優れたキャッシングプラグインを使用しても、いくつかの課題に直面することがあります。

それでも、強力な機能は常にサイトを最適化するための良い出発点です。そのため、私たちはRocketeersに彼らの＃1WPRocket機能を選ぶように依頼しました。

アルベルトは疑いの余地がありません。「キャッシュプラグインでこれまでに見た中で最高の機能は、各ページのコードを分析し、使用されているJSとCSSの量を特定する機能です。 WPロケットは今や魔法のようになり、大きな違いをもたらしました。この特徴が消えないことを願っています！私はそれなしでは生きられませんでした！

全体として、WP Rocketがサイトのコンテンツをキャッシュするのに3〜4分かかるのは驚くべきことです。それは私がテストと試行をするのに数時間かかったものです。非常に高速でシンプルなため、多くのクライアントは、構成してWebサイトがどれだけ速く改善されるかを確認するとすぐに、次のように言います。これは、WordPressでこれまでに行った中で最高の購入です。

ルーベンは次のように付け加えています。「 DelayJSは、特に3.9バージョンで私が最も気に入った機能です。数回クリックするだけでサイトをすばやく最適化できます！」

Delay JSは、コアWeb Vitalsの1つである、最大のコンテンツフルペイントを改善できる機能であることをご存知ですか？

JSの遅延機能は、未使用のJSの削減やJavascriptの実行時間の短縮など、PageSpeedInsightsの重要な推奨事項に対処するのにも役立ちます。

Johnは別のJSオプションを選択します。「 ＃1の機能はJavaScriptの遅延のロードです。何も壊すことなく機能します。それは私がそれをするためにそれを購入したことをします—それは高度な技術的知識を必要とせずに私のWordPressサイトをスピードアップします。

何だと思う？ Load JS Deferredは、JSレンダリングブロッキングリソースを排除し、別の重要なPSI推奨事項に対処する方法です。

Olgaは[メディアの最適化]タブに移動します。「画像、iframe、動画の遅延読み込みの詳細設定が可能で、不足している画像のサイズを追加できます。 最適化されていない画像や動画は、多くの場合、パフォーマンスの低下の最大の原因であり、最大の迅速なSEOの勝利です。 WPロケットはワンクリックでそれらの世話をします。 WP Rocketのおかげで、サイトの一定の速度とパフォーマンスの最適化を忘れて、SEOビジネスの最も重要な側面に集中し、クライアントを支援し、Webサイトを成長させ、SEOを教えることができます。 WP Rocketのおかげで、クライアントのWebサイトで速度とパフォーマンスの劇的な改善を紹介することもできます。」

4人の専門家によるパフォーマンス最適化のヒント

特別なボーナスとして、私たちはRocketeersに彼らの最も重要なパフォーマンスのヒントを共有するように頼みました。彼らは毎日クライアントと協力してサイトを最適化します。彼らの知識を共有することはあなたにも役立つかもしれません！

アルベルトから始めましょう：

最初で最も重要なことは、Webがホストされているサーバーに注意を払うことです。すべてが同じというわけではありません。優れたサーバーを使用すると、重いテーマでも優れたテーマのように実行できます。私にとって、PHPのバージョンが最新であることが不可欠です（現在、7.4以上）。クライアントは、データベースでMariaDBを使用し、サーバーレベルでApache + Nginxを使用して、両方の長所を組み合わせることをお勧めします。そしてもちろん、SSL証明書を使用し、可能であればHTTP/2を使用します。
2つ目は、チームに注意を払うことです。今日、市場には多くのテンプレートとさまざまなWebサイト作成システムがあり、初心者ユーザーが数分でWebサイトを簡単に構築できるようになっています。しかし、すべてが同じというわけではなく、すべてが同じパフォーマンスを提供するわけでもありません。また、Googleの最初のページにWebサイトを配置することが目標である場合、プロジェクトの基本は常にテンプレートである必要があり、可能であれば、WordPressの組み込みのGutenbergブロックを使用してレイアウトを構築します。しかし、いずれにせよ、クイックテンプレートは常にこれまでで最善の策です！
テンプレートを選択したら、常にWebサイトにインストールされているプラグインを確認することをお勧めします。私はよく、クライアントが単一のオプションを使用するための多くのオプションを備えた非常に複雑なプラグインをインストールしているのを見つけます。これは、テンプレートのfunction.phpの数行で簡単に置き換えることができます。一部のクライアントは、他のオプションを評価せずに最初に見つけたプラグインを使用します。プラグインは何ヶ月も更新されていない場合があり、突然、ワードプレスの更新でシステム全体がダウンします。
テンプレートとインストールされたプラグインが制御されると、コンテンツをキャッシュするプラグインが不可欠になります。これが、私にとってWPRocketがすべての場合に安全なオプションである場所です。

ルーベンのヒントは同じアドバイスから始まります：

まず第一に、あなたが良いホスティングを持っていることを確認してください。私は真剣です。サーバー部分は基本です。安いから悪いものを持っているのは大きな間違いかもしれません。
次に、画像、ファイル、他のサイトへの無駄なリクエストの重みとサイズに関してサイトを確認する必要があります。そのために、私は常にWebPageTestまたはChromeの開発者ツールを使用します。これは、Webサイトの負荷の内臓を示します。
すべての「クリーン」が得られたら、そうです。ロケットのようなキャッシュプラグインを使用して、サイトで必要なものを最適化してみてください。これは天の恵みです。

この時点で驚くことはありません。ホスティングは、Olgaが共有する最初のヒントでもあります。

良いサーバーにお金を投資します。
迷わずWPロケットを購入。
HTTP / 2を使用している場合は、それに応じてWP Rocketを設定します。つまり、CSSファイルとJavaScriptファイルを組み合わせないでください。
Google PageSpeed Insightsが提供する各推奨事項を確認し、WP Rocketの対応する機能（フォントのプリロード、JavaScriptの延期、不足している画像のサイズの追加など）を探します。

私たちの記事を見て、中小企業やブログに最適なホスティングサービスを見つけるのに最適なタイミングです。

ジョンは次のように付け加えています。「WPロケットは数回のクリックで動作し、複数の設定をテストする必要はありませんが、1つのアドバイスを提供します。機能をテストする場合は、一度に1つだけ変更してから、違いを確認するためにテストします。作った。何かが壊れた場合にロールバックする方がはるかに簡単です。」

これがあなたへのメッセージです

WP Rocket 3.9についてまだ不明ですか？または、現在のプラグインから新しいプラグインに切り替えることを恐れていますか？ あなたがフリーランサー、ブロガー、またはビジネスオーナーである場合、あなたのような人々があなたに言うことはここにあります。

アルベルトは次のように説明しています。「よくわからない場合は、GooglePageInsightsとGTMetrixでウェブサイトをテストしてください。次に、WP Rocketを購入してインストールします。ウェブサイトのスコアを90％以上向上させることができなくても、心配する必要はありません。 2つのメリットがあります。 1）WP Rocketは、お金を失うことのないように問題なく返金します。2） WPを保証しているので、緊急に解決する必要のある問題がWebサイトに少なくとも1つあることがわかります。ロケットは問題ではありませんが、私がキャッシュプラグインとして知っている最良の解決策です」。

オルガ氏は次のように述べています。「WPロケットを選択すると、サイトの速度とパフォーマンスが実際に向上し、SEOの他のことに集中できるようになります。詳細については、私のレビューを確認してください。」

ルーベンは続けます。「数回クリックするだけで、技術的な知識がなくても、汚れたものを少し置いたままでもサイトを最適化できるため、WPロケットを試してみてください。 WPロケットはカーペットの下でそれを一掃します。」

ジョンは終了します。「貴重な時間を節約してください。他のプラグインから改善が得られるかもしれませんが、試行錯誤なしではありません。WPRocketをすぐに購入した場合、壊れた機能を修正するために無駄な時間を節約できたでしょう。」

まとめ

Rocketeersのストーリーは長い道のりでしたよね？今ではあなたの番です。 WP Rocket 3.9をすでに試しましたか？それがどのように進んだか、そしてどのパフォーマンス結果を達成したかを知りたいです。コメントで教えてください！