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

Jetpack ブーストでページのパフォーマンスを最適化し、WordPress サイトを高速化しましょう。 ワンクリックの最適化を簡単に有効化し、Core Web Vitals を高めることができます。

高速なサイトが次のような特徴を持つのをご存じでしたか。

• Google の検索結果の上位に表示されるようにします。
• バウンスレートを改善します (人々のサイト滞在時間を長くします)。
• コンバージョン率を向上させます。

WordPress サイトのパフォーマンスをパワーアップさせ Core Web Vitals スコアを高めるワンクリックの最適化を活用して、サイトのパフォーマンス向上とスピードアップを実現し、検索エンジンの上位に表示されるようにします。

Core Web Vitals を向上させると Google の検索結果の上位に表示されやすくなります。 サイトの高速化は SEO の改善、バウンスレートの低減、eコマースのコンバージョン率の向上にもつながります。

• Largest Contentful Paint (LCP): 読み込みのパフォーマンスを測定します。 LCP を改善すると、サイトの読み込みスピードが改善します。
• First Input Delay (FID): 応答性を測定します。 ユーザーエクスペリエンスを向上させるには、ページの FID が低い必要があります。
• Cumulative Layout Shift (CLS): 視覚的な安定度を測定します。 CLS の低減はユーザーエクスペリエンスの向上に役立ちます。

パフォーマンスモジュール

世界有数の成果をあげているサイトが使用しているのと同じテクニックで自分のサイトを最適化しましょう。

サイトのパフォーマンスの向上に使用する各テクニックはモジュールとしてパッケージ化されており、これを有効化して試すことができます。

現在このプラグインでは6つのパフォーマンスモジュールを利用できます。

1. CSS 読み込みの最適化では、ホームページ、投稿、ページのクリティカル CSS を生成します。 特にモバイル端末を使用する読者向けに、コンテンツを画面に表示するまでの時間を大幅に短縮できます。

   クリティカル CSS の生成の詳細については、web.dev を参照してください

2. Page Cache speeds up your site by saving pages as static files. These files are quickly served to visitors, reducing load times and enhancing user experience.

3. Defer Non-Essential JavaScript moves some tasks to after the page loads, so that important visual information can be seen sooner and your website loads quicker.

   Read more about deferring JavaScript at web.dev

4. 画像ガイドはサイトの画像を最適化するすべての人にとって必須の機能です。 このガイドを使用すると、サイトの画像を適切なサイズと寸法に調整できます。これはユーザーエクスペリエンス、ページのスピード、サイトのランキングを改善するうえで非常に重要です。 ガイドに示されたヒントとベストプラクティスに従うことで、画像ファイルのサイズを縮小し、サイトを高速化できます。 この機能の詳細と、これを活用してサイトのユーザーエクスペリエンスを高速化・円滑化する方法については、サポートページを確認してください。

5. 画像 CDN の使用により、サイトは自動的にサイズ変更された画像を最新のウェブフォーマットで Jetpack の世界規模のコンテンツ配信ネットワークから直接送信できます。

   画像 CDN の詳細については、web.dev を参照してください

6. CSS と JS の連結と縮小では、JavaScript と CSS のリソースを組み合わせてサイズを縮小し、サーバーへのリクエストの数とサイズを減らすことにより、コンテンツの読み込みを高速化します。

   ファイルサイズの縮小の詳細については、web.dev を参照してください

サイトを更新するたびにクリティカル CSS を手動で生成したくないとお考えですか ? 面倒な作業はお任せください。自動化されたクリティカル CSS で、サイトが更新されるたびに自動的にクリティカル CSS を再生成してパフォーマンススコアを更新します。 アップグレードにより、専用のメールサポートも利用できるようになります。

Jetpack より💚を込めて

これは始まりにすぎません。

私たちは Jetpack ブーストの機能の増加と改善に尽力しています。 皆様の考えやアイデアをお知らせください。

プラグインの初期調査をサポートし、プロジェクト全体を通して弊社チームと連携してくださった XWP チームにも深く感謝いたします。