WordPressの表示が遅いと、いくつもプラグインを入れて試したくなります。ただ、画像、キャッシュ、CSS、JavaScript、CDNを別々に設定していくと、何が効いたのか分からなくなりがちです。
NitroPackは、こうした表示速度に関わる処理をまとめて最適化するサービスです。WordPressでは専用プラグインを接続して使えます。
この記事では、NitroPackでできること、料金、実際に試した結果、導入前に確認したい注意点を整理します。現時点で当サイトにはアフィリエイトリンクを置いていません。
NitroPackとは
NitroPackは、WordPressサイトのページキャッシュ、画像、CSS、JavaScript、フォント、CDN配信などを一つのサービスで扱う高速化ツールです。
公式サイトでは、主に次のような機能を案内しています。
- ページキャッシュとキャッシュの自動更新
- CSS・JavaScript・HTMLの最適化
- 画像圧縮、WebP変換、表示サイズへの調整
- 画面外画像・iframe・動画の遅延読み込み
- 重要な画像の先読みや、表示を妨げるリソースへの対応
- CDNを使った静的ファイルの配信
個別の設定を細かく組み合わせる代わりに、用意された最適化モードを選び、プレビューで確認して公開する流れです。WordPress本体やテーマを作り変えずに試せる一方、サイトごとに相性があるため、公開前の確認は必要です。
料金と無料プラン
2026年9月21日に公式料金ページで確認した主なプランは次のとおりです。料金はUSDで、内容は変更される可能性があります。
| プラン | 年払い時の月額換算 | サイト数 | 月間ページビュー | CDN帯域幅 |
|---|---|---|---|---|
| Free | $0 | 1 | 1,000 | 1GB |
| Starter | $7 | 1 | 8,000 | 5GB |
| Plus | $18 | 1 | 40,000 | 25GB |
月払いではStarterが$8、Plusが$22です。公式ページでは、年払いで最大18%の割引があると案内されています。
Freeはクレジットカードなしで始められるため、まず自サイトで表示やフォームへの影響を確認したい場合に使いやすいプランです。ただし、月間ページビューとCDN帯域幅に上限があります。実際の検証では、無料版の最適化表示バッジが画面に出ました。見た目やレイアウトへの影響も含めて確認してから判断するのが安全です。
実測:PageSpeed Insightsではどう変わったか
検証用のWordPressサイトで、NitroPack FreeのStrongモードを有効にし、PageSpeed Insightsのモバイル測定を行いました。
| 指標 | 導入前 | NitroPack Free・Strong | 確認したこと |
|---|---|---|---|
| Performance | 74前後 | 90〜92 | 大きく改善 |
| FCP | 1.3秒 | 1.0秒 | 改善 |
| LCP | 7.4秒 | 2.9秒 | 改善 |
| TBT | 0ミリ秒 | 0ミリ秒 | もともと良好 |
| CLS | 0 | 0.133 | 無料版バッジの表示を含め、確認が必要 |
この結果は、一つのWordPressサイトと測定時点での検証結果です。PageSpeed Insightsのラボデータは測定条件で変動するため、すべてのサイトで同じ数値になるわけではありません。
ただし、今回のサイトでは、表示開始後の大きなコンテンツが出るまでの時間を示すLCPが改善しました。一方で、無料版バッジや追加された要素によって、表示中にわずかなレイアウトの動きが出る可能性も確認できました。速度だけでなく、見た目と操作感を一緒に確認する必要があります。
NitroPackとWP-Optimizeを同じサイトで比較した結果は、こちらにまとめています。
導入の流れ
WordPressで試すときは、次の順番にすると戻しやすくなります。
- サイトをバックアップする
- NitroPackのアカウントを作成し、WordPressプラグインを接続する
- まずはプレビュー環境で最適化モードを選ぶ
- トップページだけでなく、固定ページ・記事・フォーム画面を確認する
- PageSpeed Insightsで導入前と同じURLを測定する
- 問題がなければ公開し、必要に応じてキャッシュを温める
Strongのように最適化を強めるモードほど、速度改善の余地は大きくなります。そのぶん、JavaScriptに依存したメニュー、スライダー、チャット、フォーム、計測タグなどは、動作確認を丁寧に行う必要があります。
導入前に確認したい4つの注意点
1.キャッシュ機能を重複させない
サーバー側キャッシュ、別のキャッシュプラグイン、CDNをすでに使っている場合は、同じ役割の機能が重ならないか確認します。更新が反映されない、ログイン中の画面がおかしいなどの問題は、キャッシュ設定の競合で起こることがあります。
2.フォームやログイン画面は必ず実機で確認する
問い合わせフォーム、会員ページ、カート、検索、ログインなどは、閲覧者によって内容が変わる動的なページです。トップページの表示だけが速くても、ここが壊れると本末転倒です。
パソコンとスマートフォンの両方で、送信・ログイン・メニューの開閉・エラー表示まで確認します。
3.無料版の表示と利用上限を確認する
Freeは検証に向いていますが、利用上限と表示バッジの扱いを確認しておく必要があります。アクセス数が増えるサイトや、ブランド表示を避けたいサイトでは、有料プランを含めて条件を比較します。
4.数値だけで公開を決めない
PageSpeed Insightsの点数が上がっても、画像、バッジ、フォント、ポップアップなどで画面が動く場合があります。GoogleのCore Web Vitalsでは、読み込み中の予期しないレイアウト変化も確認対象です。
まずは、最初に見える範囲、メニュー、フォーム、スマートフォンでの操作に違和感がないか確認します。LCPの見方は、次の記事も参考になります。
NitroPackが向いているサイト
NitroPackを検討しやすいのは、次のようなケースです。
- 表示速度を改善したいが、複数の高速化設定を個別に調整する時間がない
- 会社サイト、ポートフォリオ、ブログなど、閲覧ページが中心のWordPressサイト
- 画像・CSS・JavaScript・CDNをまとめて試したい
- まずFreeで効果と表示の変化を確認したい
反対に、複雑な会員機能やEC、独自JavaScriptが多いサイトは、安易に公開せずテスト環境またはプレビューで確認してから進める方がいいでしょう。
まとめ
NitroPackは、キャッシュだけでなく、画像、CSS、JavaScript、CDN配信までまとめて扱えるWordPress高速化サービスです。
今回の検証では、NitroPack FreeのStrongモードでPageSpeed InsightsのPerformanceとLCPに改善が見られました。ただし、無料版のバッジを含めたレイアウトの動きも確認できたため、数値だけでなく表示と機能を一緒に確認する必要があります。
最初はFreeで試し、次の3点を確認できれば導入判断をしやすくなります。
- 表示速度が改善したか
- デザインや操作に違和感がないか
- フォーム・ログインなど必要な機能が動くか
参考資料
- NitroPack Pricing
- NitroPack Features
- PageSpeed Insights
- Optimize Largest Contentful Paint – web.dev
- Optimize Cumulative Layout Shift – web.dev