Jetpack ブースト – サイトのスピード、パフォーマンス、クリティカル CSS

FAQ

Jetpack ブーストはどのようにして作成した WordPress のサイトの速度を上げますか ?

Jetpack ブーストは、WordPress のサイトからブラウザーにデータが送られる方法を少し変更して、ブラウザーにコンテンツがより速く表示されるようにします。

Jetpack ブーストには独立した機能が搭載されており、その数は増え続けています。それらは個別に有効化でき、サイトのパフォーマンスを向上させます。 次の機能が含まれます。

• CSS の読み込みの最適化: この機能は、サイトの重要なコンテンツを迅速に表示させるために最も重要な CSS を判断し、サイトのヘッダーに直接組み込みます。
• 不要な JavaScript の保留: この機能は、サイトのメインコンテンツが読み込まれた後に、サイトの表示に必須とは見なされないすべての JavaScript を読み込ませます。
• 画像の遅延読み込み: この機能を使うと、スクロールして表示するまでサイトの画像が表示されないようになります。こうすることで、ブラウザーにユーザーが最初に見るコンテンツを最初に読み込むことができます。
• 画像 CDN: この機能は、画像サイズを訪問者の画面に適したサイズに自動的に変更し、最新の画像フォーマットに変換し、Jetpack の世界規模のサーバーネットワークから送信します。
• JS の連結 : この機能は JavaScript リソースのサイズを縮小し、自動的に組み合わせてファイル数を減らすため、サイトを少ないリクエストでより速く読み込めるようになります。
• CSS の連結: JavaScript の連結と同様に、この機能は CSS ファイルのサイズを縮小し、より少ないリクエストで読み込めるようにします。

Jetpack ブーストを使うと速度はどれくらい上がりますか ?

サイトのパフォーマンスは複雑で、いろいろな要因によって左右されます。 そのため、Jetpack ブーストがそれぞれのサイトにどの程度の影響を与えるかを正確に予測するのは困難です。

通常、表示速度が遅いほど、Jetpack ブーストがパフォーマンスに与える影響は大きくなります。 「Jetpack ブーストをインストールして使用しただけで、表示速度が最大25ポイント向上した」というユーザーレポートも複数届いています。

ただし、パフォーマンスはさまざまな要因によって左右されます。Jetpack ブーストがサイトにちょっとした悪影響を及ぼすこともあります。

Jetpack ブーストをインストールし、ご自身でお試しいただくことをお勧めします。 表示速度を計測できるツールが搭載されているので、サイトにどのような効果があるかをご確認ください。

Jetpack ブーストを使うと重要ではない CSS も保留できますか ?

Jetpack ブーストの「CSS の読み込みの最適化」機能を有効にすると、重要ではない CSS は自動的に保留されます。

「CSS の読み込みの最適化」機能は、サイトでページを迅速に表示するために必要な最も重要な CSS ルールを特定し (一般的には「クリティカル CSS」と呼ばれています)、メインのコンテンツが読み込まれるまで他の CSS ルールを保留します。

Web Vitals とは何ですか ?

Web Vitals は Google がサイトでのユーザーエクスペリエンスを詳しく把握するために使用している指標です。 Web Vitals スコアを改善すると、サイトでのユーザーエクスペリエンスも改善されます。

Web Vitals の詳細については、web.dev を参照してください

Jetpack ブーストプラグインによって Core Web Vitals はどれくらい向上しますか ?

個々の Core Web Vitals は、新しいサイト訪問者の画面にサイトが読み込まれて表示される速度に関係しています。

Jetpack ブーストは WordPress のサイトからブラウザーにデータが送られる方法を少し変更して、コンテンツがより速く読み込まれるようにします。 結果的に Core Web Vitals スコアが上がります。

たとえば、「CSS の読み込みの最適化」機能を使用すると、最も重要な CSS ルールができるだけ迅速にユーザーのブラウザーに送られるようになります。これにより、First Contentful Paint (FCP) スコアと Cumulative Layout Shift (CLS) スコアの両方を上げることができます。

このプラグインには Jetpack が必要ですか ?

Jetpack ブーストは Jetpack ブランドの一部ですが、Jetpack プラグインの実行は不要です。 これは Jetpack から独立したプラグインであり、今後もそうであり続けます。

このプラグインはどのようなサイトのパフォーマンスも向上させることができますか ?

このプラグインはさまざまな方法でサイトのパフォーマンスを向上させます。ほとんどすべての WordPress サイトのパフォーマンスが、このプラグインによって向上します。

ただし、すでに適切な最適化が行われているサイトで Jetpack ブーストを使っても、大きな変化は見られないかもしれません。

Jetpack ブーストにはサイトの表示速度を計測できるツールが搭載されています。ぜひお試しいただき、その効果をご確認ください。

機能しているかどうかを知るにはどうすればよいですか ?

サイトはすべて異なるため、各モジュールがパフォーマンスにもたらすメリットもサイトごとに異なる可能性があります。 そのため、パフォーマンスモジュールを1つずつ有効化してパフォーマンスの改善を測定することをお勧めします。 パフォーマンスの改善を無料で測定できるツールが数多くあります。

• WebPageTest.org
• web.dev/measure
• PageSpeed Insights
• GTmetrix

Google PageSpeed の指標は Jetpack ブーストのダッシュボードに組み込まれています。

Jetpack ブーストの速度最適化機能は安全ですか ?

はい、Jetpack ブーストは任意の WordPress のサイトで安全に試すことができます。

Jetpack ブーストはサイトのコンテンツを変更するのではなく、コンテンツがユーザーのブラウザーに送られる方法を変更します。こうすることで、コンテンツがより速く表示されるようになります。

その結果、他のプラグインとの互換性がない場合、Jetpack Boost のすべての機能を安全にオフにすることができます。

他の速度最適化プラグインと比べると、Jetpack ブーストは何が違うのですか ?

WordPress の速度最適化プラグインは、ユーザーにとって複雑で不透明な場合があります。 多くの場合、説明の少ないチェックボックスの列があり、ユーザーが行った各変更や選択の影響を測定するツールは含まれていません。

Jetpack Boost は使いやすさに焦点を当てています。表示速度測定機能も搭載されており、選択した内容の影響をすぐに測定できます。

これは固定ページのキャッシュに使用できますか ?

はい。 WP Super Cache や W3 Total Cache などのプラグインをインストール済みの場合、Jetpack ブーストはパフォーマンスにさらなるメリットをもたらします。 キャッシュがクリアされるまで Jetpack ブーストによる改善は反映されませんのでご注意ください。

Jetpack ブーストを使えば、大規模なデータベースがあるサイトでも短時間で読み込めますか ?

現在 Jetpack Boost は大規模なデータベースの最適化には対応していません。 ただし、皆様のパフォーマンスを向上させるための新しい方法を常に探っていますので、今後も楽しみにしていてください。

Jetpack ブーストは画像の最適化には対応していますか ?

大きな画像のあるサイトのパフォーマンスについては、Jetpack Boost の遅延読み込み機能で向上させることができます。遅延読み込みとは、スクロールして表示されるまで画像を読み込ませない機能のことです。

また、その画像 CDN 機能が画像を自動的により新しいウェブフォーマットに変換するため、質を損なわずに画像ファイルのサイズを小さくできます。

Jetpack ブーストは他のキャッシングプラグインや速度最適化プラグインと互換性がありますか ?

一部の例外を除き、Jetpack Boost はキャッシュプラグインや速度最適化プラグインと一緒に実行しても問題はありません。 ただし、ガイドラインとして、複数の最適化プラグインで同じ機能を有効にすることはお勧めしません。

たとえば、2つのプラグインが必須ではない JavaScript を延期しようとすると、それらが互いに競合し、サイトでの表示の問題が発生する可能性があります。

互換性の問題が発生した場合は、お知らせください。 Jetpack Boost サポートフォーラムにいつでもご連絡ください。