NitroPackレビュー:EasyモードでのWordPressサイト速度の最適化

公開: 2021-12-27

あなたがウェブサイトを持っているならば、あなたはサイト速度の最適化に気を配る必要があります。

ページの速度は、サイトのユーザーエクスペリエンスに大きな影響を与えます。サイトの速度が遅いことと、バウンス率が高くなること、コンバージョン率が低くなること、そして一般的に満足できないユーザーにリンクするあらゆる種類のデータがあります。

しかし、正直なところ、この点を証明するためのデータは実際には必要ありません。おそらく、読み込みの遅いWebサイトがどれほど厄介であるかをすでに知っているからです。

さらに、Googleの新しいPage Experienceの更新により、Googleは検索エンジンのランキング要素としてLargestContentfulPaintなどのCoreWebVitalsメトリックも使用するため、ページ速度が遅いと、サイトの検索エンジン最適化の妨げになる可能性があります。

つまり、サイトの速度は重要です…しかし、それも複雑です。

キャッシング、JavaScript最適化、CSS最適化、HTML最適化、コンテンツ配信ネットワーク(CDN)、画像最適化、プリフェッチ、圧縮などがあります。

NitroPackは使いやすいプラグインであり、サイトが必要とするほぼすべてのパフォーマンス最適化戦術を1つのツールで実装するのに役立ちます。

WordPressでは、NitroPackプラグインをインストールし、いくつかのボタンをクリックするだけで、キャッシュ、コンテンツ配信ネットワーク(CDN)、CSS/JavaScriptの最適化などの戦術からサイトを即座に活用できます。

NitroPackの実践的なレビューでは、次のようなこのツールを実際に見ていきます。

  • 機能の簡単な概要
  • NitroPackチュートリアルとインターフェースを見てください
  • NitroPackの改善が「本物」であるかどうかについての考え(これは後で意味があります)
  • NitroPackを使用したパフォーマンステストの前後のいくつか
  • 価格設定
  • 最終的な考え
NitroPackサイト速度最適化ツール

NitroPackレビュー:それは何をしますか?

NitroPackは、WordPress (およびその他のプラットフォーム)用のオールインワンの速度最適化プラグインです。

これは、NitroPackの最もユニークな点の1つです。実際には、すべてが1つになっています。

これは驚くほどまれです。 たとえば、WP Rocketはそれ自体が非常に包括的なページ速度プラグインですが、少なくとも画像最適化ソリューション、CDN、およびその他の調整と組み合わせる必要があります。

NitroPackを使用すると、パフォーマンス最適化ツールの「スタック」を構築する必要はありません。 それはあなたのためにすべてをします。 対象となる高レベルの機能は次のとおりです。

  • キャッシング–プリロードとスマートキャッシュクリアを備えたスマートページキャッシング、およびブラウザキャッシングを含みます。
  • CDN – 70以上のグローバルエンドポイント、Gzip/Brotli圧縮などを備えた組み込みのCDN。
  • CSSの最適化–最大のコンテンツフルペイントメトリックを含む、初期ロード時間を増やすことができるように、フォールドを超える重要なCSSの処理を含みます。
  • JavaScriptの最適化–スクリプトを延期して初期読み込み時間を改善するか、サイトのすべてのJavaScriptを最適化することができます。 NitroPackには、スクリプトをメインCPUスレッドから移動し、ユーザーが操作するまでスクリプトを遅らせる独自の方法もあります。これについては、以下で詳しく説明します。
  • 画像の最適化–画像を自動的に圧縮/サイズ変更し、WebPに変換できます。 また、画面サイズに基づいてユーザーにさまざまな画像を動的に提供できる新しいアダプティブサイズ設定機能もあります。
  • HTMLの最適化–主要なリソースのDNS事前接続などの高度な詳細を含みます。

この画像は、主要な機能を要約するのに非常に役立ちます。

NitroPackの機能

NitroPackのユニークな点の1つは、その「独自のリソースローダー」です。 これの概念/利点はかなり複雑ですが、基本的な考え方は、NitroPackがサイト(特にJavaScript)の読み込み方法を最適化して、ユーザーエクスペリエンスに最適な方法ですべての個別のファイルを読み込むようにすることです。

基本的に、この機能を有効にすると、上記のコンテンツをレンダリングするために必要な最小限のファイルのみをロードし、ユーザーがサイトを操作し始めるまで残りのファイルをロードするのを待ちます。 これにより、最大のコンテンツフルペイントの指標を含め、サイトの初期読み込み時間を大幅に短縮できます。

あなたはここでこれについてすべて読むことができます。

NitroPackの使用方法

NitroPackの包括的なサイト速度最適化機能に加えて、その簡単なセットアップは、その最大の利点の1つです。

複数のプリセット最適化モードのおかげで、文字通り、完全に最適化されたサイトをわずか数分で稼働させることができます。

それがどのように機能するか見てみましょう…

1.Webサイトを追加します

まず、NitroPackダッシュボードからWebサイトを追加します。

NitroPack追加サイト

次に、コネクタツールを使用してNitroPackアカウントをサイトに接続できます。 WordPressの場合、これはWordPress.orgの専用NitroPackプラグインを意味します。

NitroPackWordPressプラグイン

2.最適化モードを選択します

これで、最適化モードを選択する準備が整いました。 これは、NitroPackを非常にシンプルにするものであるため、NitroPackの私のお気に入りの部分の1つです。

NitroPackを使用すると、ほとんどのプラグインで行う必要があるような一連の個別の設定をいじくり回すのではなく、ニーズに基づいてプリセット構成を選択できます。 ただし、上級ユーザーの場合は、いじくり回すことができます。

これは、WordPressダッシュボードまたはNitroPackダッシュボードから選択できます。

5つの異なるモードがありますが、サイトの機能を維持しながらパフォーマンスの向上のバランスが取れているため、ほとんどの人は強力を選択したいと思うでしょう。

多くの人は、PageSpeedスコアとコアWebバイタルに最大の改善をもたらすLudicrousモードも気に入っています。 ただし、JavaScriptを遅延させる方法がサイトの特定の機能に干渉する可能性があるため、このモードには注意することをお勧めします。

たとえば、モバイルメニューがJavaScriptに依存している場合、Ludicrousモードでは奇妙な動作が発生する可能性があります。 一方、CSSベースのメニューがある場合は、それは問題ではない可能性があります。

つまり、Ludicrousモードを自由に試して開始できますが、問題が発生した場合は、Strongモードにスケールバックする準備をしてください。

NitroPack最適化モード

3.…利益

多くのユーザーにとって、これは文字通りそれです。 構成モードを選択すると、NitroPackが残りを処理するため、パフォーマンスについて考えるのをやめることができます。

4.…またはTinker(上級ユーザー向け)

より上級のユーザーのために、NitroPackはあなたにいじくり回すための多くのオプションも提供します。 特定のページ、スクリプト、Cookie、リソース、クエリパラメータなどを除外できます。

また、広告スクリプトを最適化する機能、Webhookでキャッシュをクリアする機能(これをWP Webhookと組み合わせて楽しむ)、その他の高度なアクションを実行する機能など、いくつかの優れたオプションも利用できます。

NitroPackの詳細設定

カジュアルユーザーの場合は、これらすべてを無視してかまいません。 ただし、上級ユーザーの場合は、これらの設定に感謝するでしょう。

これらの設定は、読み込みを遅らせたくない特定のスクリプトを除外できるため、問題なくLudicrousモードを使用するのにも役立ちます。

NitroPackと「BlackhatSEO」–それは本物ですか?

他のNitroPackレビューを検索した場合、NitroPackは、実際にはロードされていないにもかかわらず、Googleをだましてサイトがロードされると思わせる「ブラックハットSEO」ツールであるという非難を目にしたかもしれません。

それで–ここでの取引は何ですか?

まあ、答えはかなり技術的になりますが、NitroPackが悪いことをしていないことはかなり明らかだと思います。

ここでの主な問題は、ラボの速度テストデータと実際の「フィールド」速度テストデータの違いのようです。

  • ラボデータ(合成) –速度テストツールによって収集されたシミュレートされたパフォーマンスデータ。
  • フィールドデータ–実際の人間の訪問者が体験したサイトの実際のパフォーマンスデータ。 通常、これはChromeユーザーエクスペリエンスレポートを介して収集されます。このレポートは、サイトに十分なトラフィックがある場合にPageSpeedInsightsで利用できます。

フィールドデータは、実際のパフォーマンス(およびGoogleのPage Experience SEOアルゴリズムの更新)にとって本当に重要ですが、ほとんどの人は、収集がはるかに簡単であるため、ラボデータと「スコア」に焦点を合わせすぎています。

NitroPack独自のリソースローダーが特定のプロセスをメインスレッドから移動し、JavaScriptの実行を遅らせることで、Ludicrousモードで動作する方法は、一部のラボ速度テストツールでサイトが「異常に」見栄えがすることを意味します(多くのツールは検出できないためオフスレッドプロセス)。

そして、私は人々がここで言っていることをある程度理解しています– NitroPackとLudicrousモードを使用しているサイトは、特定の速度テストツールで「疑わしい」ように見えます。

ただし、ここでの本当の問題は、NitroPackがこれを悪意を持ってGoogleを「ごまかす」ために行っているのか、それともリソースローダーが機能してサイトを最適化する方法の自然な副産物であるのかということです。

個人的には、NitroPackが本物であることは明らかだと思います。これは、NitroPackがシステムをゲームしようとするのではなく、一部の速度テストツールの動作方法の問題です。

理由は次のとおりです。

まず、 NitroPackは、ラボデータだけに頼るのではなく、実際のユーザーパフォーマンスデータを見るようにNitroPackユーザーに推奨しているため、ここでは何も隠そうとはしていません。

NitroPackはフィールドデータを推奨します

さらに、NitroPackは、実際のフィールドデータをNitroPackダッシュボードの前面と中央に配置するように取り組んでいます。 実際のフィールドデータを見ると、NitroPackによってラボデータと実際のフィールドデータの両方が大幅に改善されていることがわかります。

実世界のデータをだますことはできません。 したがって、NitroPackが実際に人々に高速なデータを提供しようとしているのであれば、ユーザーがラボデータよりも実際のデータに集中するように促すのは賢明ではありません。

最後の主張は、NitroPackがGoogleが最終的にペナルティを科すある種のブラックハットSEOを行っているというものです。

正直なところ、これは私には意味がありません。

まず第一に、ページ速度はまだ小さなランキング要素であるため、高速サイトを持っているとグーグルに「だまして」ランキングを上げるようなものではありません。 グーグルは、サイトの速度は、それ自体でランキングを向上させるものではなく、同等に関連するサイト間の「タイブレーカー」であると述べています。

つまり、サイトを2秒から1秒に変更しても、何かが変わるわけではありません。2秒は、Googleのタイブレーカーを勝ち取るのに十分な速さです。

それを超えて、私は、SEOの主張は、NitroPackを使用していて、依然としてランキングが高い人気のあるサイトの数のために、意味をなさないと思います。

実際、ここWP MayorではNitroPackを使用しています! SEOにマイナスの影響があると思ったら、そうはしません。

これを確認したい場合は、WP Mayorのヘッダーを見ると、実際にNitroPackを使用していることがわかります。

WP市長NitroPackヘッダー

最後に、本当に心配な場合は、Google検索コンソールのURL検査ツールを使用して、GoogleがクロールしたときにサイトがNitroPackでどのように表示されるかを確認できます。 そうすると、NitroPackがない場合と同じように、Googleがページのコンテンツ全体を検出することがわかります。

つまり、Google独自のクロールツールによると、Googleの目にはサイトのコンテンツに違いはありません。

NitroPackのパフォーマンス前後

その長い議論が邪魔にならないので、私はWP市長からのいくつかのパフォーマンスデータを見たいと思います。

フィールドデータはラボデータよりも重要であると上で述べましたが、実際のユーザーの読み込み時間で前後のデータを収集するのは難しいため、ここでは合成速度テストツールを使用します。

ただし、WebPageTestを使用します。これは、完全に読み込まれたメトリックとドキュメントの完全なメトリックの両方を表示するため、フルページの速度エクスペリエンスをキャプチャする際に平均よりも優れた仕事をします。

完全にロードされたメトリックは、NitroPackが初期ロードで延期/遅延するJavaScriptの多くをキャプチャします。

私たちはモバイルファーストの世界に住んでいるため、モバイルファーストのアプローチでWebPageTestを構成しました。

  • エミュレートされたiPhone8からテストする
  • スロットルされたLTE接続を使用する
  • 9つの別々のテストを実行し、中央値を取ります

NitroPackがある場合とない場合のWP市長ホームページのデータは次のとおりです。

NitroPackの前NitroPackを使用
最初のバイトまでの時間0.722秒0.742秒
最大の満足のいくペイント2.123秒0.970秒
累積レイアウトシフト0.006 0
合計ブロッキング時間* 0.174秒0.033秒
ドキュメントの完了時間3.063秒1.598秒
完全なHTTPリクエストを文書化する88 9 **
ドキュメントの完全なサイズ1.45 MB 0.48 MB
フルロード時間3.161秒2.457秒
完全にロードされたHTTPリクエスト89 46
フルロードサイズ1.45 MB 0.85 MB

*これは、フィールドデータからのみ利用可能なFirstInputDelayの優れたプロキシです

** NitroPackがこれらのスクリプトの多くを遅延させているため、最初はHTTPリクエストが非常に少ないことがわかります。

全体として、NitroPackを使用すると、特に最大のコンテンツフルペイントとドキュメントの完全なメトリックに関して、全体的にかなり大幅な改善が見られます。

数回クリックするだけでこれらの改善を達成できることを覚えておいてください。 繰り返しになりますが、NitroPackのユニークな点は、パフォーマンスの向上シンプルさの組み合わせだと思います。

PageSpeed Insightsのスコアに興味がある場合(個人的にはそうではありません)、NitroPackを使用した場合と使用しない場合のWPMayorホームページのスコアも収集しました。

NitroPackの前NitroPackを使用
モバイルスコア38 80
デスクトップ88 96

特にモバイルスコアでは、大幅な改善が見られます。

NitroPackの価格

他のすべてをカバーしたので、NitroPackの価格設定について話しましょう。

まず、NitroPackには、月に最大5,000人の訪問者とすべての機能を備えた1GBのCDN帯域幅をサポートする無料プランがあります。 トラフィックの少ないサイトをお持ちの場合は、少なくとも最初は、その無料プランで問題なく機能する可能性があります。

ただし、無料プランの欠点は、サイトのフッターにNitroPackバッジが含まれていることです。 それほど煩わしいことではありませんが、覚えておくべきことです。

無料制限を超えた場合、またはNitroPackバッジを削除したい場合は、プランの料金を支払う必要があります。 NitroPackの有料プランでは、月次と年次の両方の請求が可能です。 年払いの場合、2か月間無料になります。

すべてのプランには同じ機能があります。唯一の違いは、ページビューの制限とCDN帯域幅です。 さらに、各プランは1つのサイトのみをサポートします。 サイトがたくさんある場合は、NitroPackの営業チームに連絡して、カスタムエージェンシーとマルチサイトプランのオプションについて学ぶことができます。これにより、費用を節約できます。

NitroPackの価格

サイトのページビューが100万回を超えるか、500 GBを超えるCDN帯域幅を消費する場合は、カスタムプランについてNitroPackの販売に連絡することもできます。

さらに、すべてのプランには14日間の返金保証が付いているため、リスクを冒すことはありません。

NitroPackの最終的な考え

全体として、NitroPackを使用してWebサイトを高速化することには、明確な長所と短所があると思います。

NitroPackの主な利点は、非常にシンプル包括的であることです。 これは、JavaScriptを遅延させ、メインCPUスレッドから移動する方法など、独自のアプローチを含む、ほぼすべてのパフォーマンス最適化戦術を実装する1つのツールです。 ゼロから完全に最適化されたサイトを作成するためのより簡単な方法を見つけることはできないと思います。

多くの人々、特に技術者以外の人々にとって、それは本当に強力な価値提案です。

NitroPackの主な欠点は、少なくともWordPressスペースでは高価なことです。 予算が限られている場合は、サイトを最適化するための安価なサイト速度プラグイン(WP Rocketなど)を見つけることができます。または、完全に無料のWordPressプラグインを使用してかなり優れた最適化スタックを構築することもできます。

結局、それは一種のこれに帰着します…

サイトの速度は非常に重要なので、無視することはできません。

サイトの速度について何をするかということになると、次の質問に答える必要があります。

あなたのサイトの速度の問題を解決するために、ほとんどワンクリックのソリューションにわずかなプレミアムを払っても構わないと思いますか?

あなたがあまり技術的な人ではない場合、またはパフォーマンスの最適化ではなくコンテンツの作成とサイトのマーケティングに集中したい場合は、「はい」のカテゴリに当てはまると思います。

一方、コストを可能な限り低く抑えたい場合は、「いいえ」カテゴリに当てはまる可能性があります。その場合は、より安価または無料のWordPressページ速度プラグインをお勧めします。

それらのプラグインはNitroPackと同じくらい簡単ですか? あまり。 ただし、作業を進んで行う場合でも、無料または安価なツールを使用して、読み込みの速いWebサイトを構築できます。

もしあなたが危機に瀕しているのなら、NitroPackにサインアップしていくつかのテストを実行することをお勧めします。 セットアッププロセスは数分しかかからないので、多くの時間を投資する必要はありません。

それ以外にも、14日間の返金保証があるので、お金のリスクもありません(または、NitroPackバッジに問題がなければ、無料プランを試すこともできます)。

NitroPackWebサイト