WP Rocket 3.19：LCPとレイアウトの安定性を改善するための簡単な強化
公開: 2025-06-12F1チームがどのようにレースに勝つか覚えていますか？それは1つの大きな変化だけでなく、長期的にも増加する多くの小さな改善です。私たちの新しいメジャーリリースは、再びインクリメンタルとスマートな最適化のこのビジョンを反映しています：WP Rocket 3.19に会いましょう！
私たちの最新バージョンは、技術的な専門知識に関係なく、すべての人がアクセスできるようにするための2つの機能を強化することに焦点を当てています。私たちは、ページごとの手動最適化を効率的にするために必要な複雑なプロセスを実行し、それらをバックグラウンドで機能させ、魔法をかける機能に変えました。
結果？ WP Rocket 3.19は、レイアウトの安定性を高め、コンテンツシフトを防止することと、知覚速度の向上と最大のコンテンツ型ペイントグレードの改善により、訪問者にユーザーエクスペリエンスを向上させます。
WP Rocketでは、誰もが速いWebサイトに値すると考えています。そのため、すべての顧客が当社の強力な機能から利益を得られるようにしながら、速度の最適化を簡素化する方法を常に見つけています。
これらの簡単でスマートな改善がどのようにあなたのウェブサイトのパフォーマンスを向上させることができるかを見る準備ができていますか？ WP Rocket 3.19の詳細に飛び込むか、以下のビデオをご覧ください。
WP Rocket 3.19が伴うもの
WP Rocket 3.19では、ウェブサイトのパフォーマンスを高めるために舞台裏で機能する2つの機能強化を紹介します。
最初の拡張機能は、プリロードフォントに関連しています。機能は、その方法とその場所を変更しながら、同じ名前を保持します。
2つ目は、プレッチDNSリクエスト機能の自動化に焦点を当てています。これは、外部ドメインの前提条件と改名され、プラグインインターフェイスから削除されました。この選択の背後にある理由を専用セクションで学ぶことができます。
ワンクリックでフォントをプリロードします
一歩下がって、フォントのプリロードとは何か、そしてそれがなぜあなたのウェブサイトのパフォーマンスにとって重要なのかを理解しましょう。
フォントのプリロードの説明
Font Preloadingは、Webサイトに迅速かつスムーズにテキストが表示されるかを改善できる強力な最適化手法です。
その理由は次のとおりです。訪問者があなたのウェブサイトに来るとき、彼らのブラウザはあなたのページのコンテンツだけでなく、彼らの関連するフォントもロードする必要があります。プリロードなしで、ここに通常起こることがあります：
- ブラウザは、デフォルトのフォントを使用してテキストの表示を開始します。
- 次に、CSSで、カスタムフォントをロードする必要があることを発見します。
- カスタムフォントがロードされると、テキストが変更され、デフォルトのフォントの代わりにこの新しいフォントを使用します。
このプロセスは、非スタイルのテキスト（FOUT）のフラッシュと呼ばれるものを引き起こす可能性があります。 FOUTは、テキストがカスタムフォントがロードされると突然外観が変化する短い瞬間です。
次に何が起こるかを推測できます。ページのレイアウトはシフトする傾向があります。このようなシフトは視覚的に不快であるだけでなく、GoogleのコアWebバイタルの1つである累積レイアウトシフト（CLS）グレードにも悪影響を与える可能性があります。
フォントプリロードは、カスタムフォントが重要であることをブラウザに伝えることでこの問題に対処するのに役立ち、すべてのCSSコードを分析する前に、すぐにダウンロードする必要があります。その結果、ブラウザが最初にテキストを表示し、フォントの変更を削減または排除し、レイアウトの安定性を高めると、カスタムフォントの準備が整う可能性が高くなります。
なぜフォントをプリロードする必要があるのですか？
フォントのプリロードとレイアウトシフトを回避することの利点は、ユーザーエクスペリエンスの向上と密接に関連しています。つまり、優れた第一印象を提供し、訪問者があなたのウェブサイトに留まり、潜在的に変換することを確認することを意味します。
さらに、フォントのプリロードは、最大のコンテンツフルペイント（LCP）グレードを改善することもできます。これは、ページ上の最大のコンテンツ要素がどのように速く表示されるかを測定するもう1つのコアWebの重要なものです。詳細に飛び込むと、フォントのプリロードは、LCP要素がテキストノードである場合にLCPパフォーマンスを最適化できます。これは、モバイルとデスクトップの間のウェブサイトの平均20％の場合です。
3.19：新しいプリロードフォント機能を満たします
フォントのプリロードはこれらの大幅なパフォーマンスの向上をもたらす可能性がありますが、お客様がこの機能をほとんど使用していないか、常に正しく実装されていないことに気付きました。まったく反対の：プリロードフォントは、パフォーマンスの逆効果であることが証明されました。そのため、このオプションをすべての顧客が誤った実装を減らしながら、簡単にアクセスできるようにしたかったのです。
WP Rocket 3.19は、Preload Fontsをワンクリックで有効にできる自動化プロセスにします。
正しいフォントファイルURLを手動で識別し、それらをプリロードして機能を効果的に機能させる必要はなくなりました。 オプションを有効にした後、WP Rocketは各ページで自動的に検出されます。フォントは、モバイルとデスクトップの両方から、倍以上に使用され、優先順位を付ける必要があります。次に、これらの関連するフォントのみをプリロードし、より正確で効率的な最適化をもたらします。
この最適化は、未使用の資産をプリロードすることでパフォーマンスを損なう可能性があるため、違いが生じます。たとえば、ページロードの最初の数秒以内にプリロードされたフォントが使用されない場合、Chromeのようなブラウザは警告を発する可能性があります。折り畳み上で本当に必要なフォントのみに焦点を当てることにより、新しいプリロードフォントオプションは、これらの潜在的な問題を回避し、最適なフォントプリロードを保証します。
これで、[メディア]タブに新しいプリロードフォント機能が見つかるように注意してください。
以前にフォントを手動で指定した場合、自動化されたオプションはデフォルトで有効になります。
結論：新しいプリロードフォント機能は、フォントの読み込みを自動的に最適化し、ウェブサイトに着陸した瞬間から訪問者にスムーズなエクスペリエンスを確保します。クリックする必要があります。
外部ドメインへの事前接続：最新の自動プロセス
以前の機能については、ウェブサイトの速度に対する外部ドメインへの前提条件の影響を簡単に説明することから始めましょう。
平易な英語で外部ドメインを紹介します
外部ドメインへの事前接続は、リソースの負荷にプラスの影響を与える強力な最適化手法です。
ウェブサイトがフォントやスクリプトなどのリソースを外部ドメインからロードする必要がある場合、ブラウザは通常、これらのドメインへの接続を最初に確立する必要があります。この接続プロセスは、外部資産のダウンロードプロセスに不必要な遅延を追加し、その外部資産に依存する特定のメトリックに影響を与える可能性があります。
Preconnectは、どの接続が必要になるかを事前にブラウザに伝えることにより、この問題に対処します。これにより、ブラウザがこれらの接続を早期に設定できるようになり、必要なときに外部リソースをロードするのにかかる時間を短縮できます。
この最適化は、2つの利点をもたらします。
- 改善された読み込み時間：事前に接続を設定することにより、ウェブサイトは外部リソースのロードをより速く開始でき、ページも速く読み込まれます。
- 強化されたLCPパフォーマンス：最大のコンテンツ型ペイント要素がサードパーティドメインのフォントである場合、Preconnectはより迅速にロードし、LCPスコアを改善する可能性があります。
3.19：プレッチDNSリクエストから外部ドメインへの前接続を要求します
Prefetch DNSリクエスト機能も使用されておらず、しばしば誤って適用されていることに気付きました。そのため、このオプションを自動化し、WP Rocketインターフェイスから削除し、外部ドメインとの前提に変更することにしました。
WP Rocket 3.19を使用すると、この強力な最適化はバックグラウンドで機能し、有効にする必要はありません。そのため、WPロケットの設定にこの機能はもうありません。
この強化について知っておくべきことは次のとおりです。
- これは完全に自動化されたプロセスです。最適化を実装するときに含めるドメインを手動で識別する必要はありません。 WPロケットはこれを自動的に処理するようになりました。
- モバイルとデスクトップの両方で必要なページにのみ適用され、すべてのデバイスで一貫しているより効率的でターゲットを絞ったアプローチが得られます。
上で説明したように、この機能は、ページの読み込み時間が短くなり、LCPスコアが改善される可能性があります。
機能を無効にする場合は、次のフィルターを適用する必要があります。
add_filter('rocket_preconnect_external_domains_optimization', '__return_false');ウェブサイトにプリロードする10以上のドメインがある場合にのみ無効にすることをお勧めします。このエッジの場合、ブラウザにプロセスを管理させるのが最善です。通常、ページごとにいくつかの外部ドメインがありますが、ページソースコードとデータロケットプレコネクトの発生数を見ると、このシナリオがWebサイトに適用されるかどうかを確認できます。
結論：外部ドメインへの前提条件は、誤った実装のリスクを削除しながら、ウェブサイトと外部リソースの間のより高速な接続をセットアップする新しい自動化された拡張機能です。
微調整されたパフォーマンス：アクションの自動化された最適化
自動的に動作するWPロケット機能といえば、外部ドメインを前提とすることが最新のドメインであり、既存のドメインに追加されます。
- ページキャッシュ（モバイルキャッシュを含む）
- 重要な画像を最適化します
- 自動怠zyなレンダリング
- ブラウザキャッシュ
- GZIP圧縮
- Webフォントのクロスオリジンサポート
- woocommerce更新カートフラグメントキャッシュ
- Google Fontsファイルを最適化します
- WordPress絵文字を無効にします
これらの機能には、ユーザーインターフェイスはありません。機能するだけです。必要に応じて、フィルターまたはヘルパープラグインを使用していつでも無効にすることができるので安心してください。
これらの自動化された機能は、CSSやJSのマイニリ、キャッシュ寿命、プリロードキャッシュ、プリロードリンク、ハートビートコントロールなど、最初にWPロケットをアクティブにするときにオンになるオプションの上にあります。
あなたのウェブサイトがプラグインを有効にするとすぐにスピードブーストを得るのも不思議ではありません！
これらの自動化の実際の影響に興味がある場合は、特定のWebサイトによって結果が異なる可能性があることに留意してください。 WP Rocket 3.19は新しい機能強化をもたらしますが、パフォーマンスの改善は、既存の機能によってすでに達成されている速度の向上になります。
まとめます
WP Rocket 3.19は、「オプションではなく決定」アプローチに従い、自動化されたプロセスとして複雑な最適化を行うというコミットメントを強化します。私たちはあなたのために正しい選択をするよう努めているので、あなたはあなたのウェブサイトに最適なものを理解するために時間と労力を費やす必要はありません。
私たちは徐々に高性能の障壁を取り除き、より多くのユーザーが高度な最適化から利益を得ることができるようにします。
これらの新しい自動化された機能があなたのサイトにどのように役立つかを見る準備ができましたか？ WP Rocket 3.19を更新するか、14日間の返金保証で試してみてください。最適化をより簡単にする方法を直接体験し、コメントであなたの考えを知らせてください！