ページ読み込みを高速化する要素キャッシュの使い方

ページのロード時間を短縮することで、訪問者のリテンションを高め、SEOスコアを向上させることができます。エレメントキャッシュを使用することで、サイトのパフォーマンスを大幅に向上させることができます。ウィジェットがサーバー上でレンダリングされると、HTML出力はデータベースに保存されます。こうすることで、次に要素が表示されたとき、再レンダリングされる代わりにデータベースから取得されます。これにより、サーバーのメモリ使用量と訪問者の最初のバイト時間を大幅に削減できます (TTFB).

ほら

要素キャッシュは動的タグもしかしたらカスタムデータを表示する要素(例: ショートコード)のような、訪問者の名前を表示するウィジェットのようなものです。要素のキャッシュが必要なときだけ使われるように、この機能はデフォルトでは無効になっています。静的要素でのみキャッシュを有効にします。

メモ

要素キャッシュは実験的な機能です。実験的な機能を有効にする方法については

実験機能の起動方法

ステップ1：機能設定の入力

1. WordPressのダッシュボードにログインします。
2. に移動します。 Elementor > 設定 > 機能タブ.

ステップ2：実験関数の選択

1. Functions タブで、有効化したい実験をドロップダウンメニューから選択します。
2. また、"フル起動「またはすべて解除"ボタンをクリックすると、変更をすばやく適用できます。

ステップ 3: 変更の保存

1. 機能リストの下にある"変更の保存「ボタン

実験機能の種類

1.継続的な実験

• アルファ機能は初期段階であり、大幅に変更される可能性があります。
• ベータ機能は比較的安定していますが、まだ確認が必要です。通常、新しいサイトではデフォルトで有効になっています。
• リリース候補機能はほぼ安定していますが、細かな変更は可能です。
• デヴ開発版であり、機能は変更される可能性があります。

2.安定化機能

これらの機能は開発者によって安定版としてマークされていますが、問題が見つかったり不要になった場合はいつでも有効化/無効化することができます。

活動指示

• よりグリーンデフォルト "値が選択されていても）機能は有効です。
• 悲観的デフォルト "が選択されていても）機能は無効です。

ほら

• 一部の機能は、新しいサイトでのみデフォルトで有効になっています。
• 動的タグを含む要素を使用する要素で要素キャッシュを有効にすると、問題が発生する可能性があります。
• 要素のキャッシュは実験的な機能であり、デフォルトでは無効になっています。

要素のキャッシュを有効にする方法

詳細設定]タブの[キャッシュ設定]セクションで、デフォルトのウィジェットキャッシュ状態を上書きし、[アクティブ]または[非アクティブ]に設定できます。Inactive」です。

ステップ

1. キャンバス上の要素をクリックします。.

2. 表示パネルの要素オプション.
3. 詳細」タブをクリックします。.

4. キャッシュ設定ドロップダウンメニューで新しいアクティベーション状態を選択します。.

エレメント・キャッシュのクリア

以下の理由により、定期的にエレメントキャッシュをクリアする必要があります：

• コンテンツの鮮度頻繁に更新されるコンテンツ（ニュースやプロモーションなど）が、常に最新の状態で訪問者に提供されるようにします。
• パフォーマンスバランス定期的にキャッシュを更新することで、ロード時間の改善と最新のコンテンツのバランスを維持します。
• テストとアップデートキャッシュが自然にクリアされるのを待つことなく、ウェブサイトの変更や更新をテストし、結果を確認することができます。

キャッシュのクリアはサイトレベルで行われ、すべてのエレメントについて同じ間隔でクリアされます。

キャッシュクリアを設定します：

1. WP管理画面から Elementor > 設定.

2. クリック パフォーマンス タブ

3. ある 要素キャッシュの有効期限 フィールドで、ドロップダウンメニューを使用して、要素キャッシュをクリアする頻度を選択します。

自動的にキャッシュされる要素

以下の要素は自動的にキャッシュされ、その状態を変更することはできません：

• 容器
• グリッドコンテナ
• オフキャンバス
• 部分
• 列
• 内部

概要

エレメントキャッシングを使用することで、ページのロード時間を大幅に短縮することができます。 SEO スコアウィジェットの HTML 出力をデータベースに保存し、再レンダリングの代わりに次のロード時に直接それを取得することで、サーバーのメモリ使用量と最初のバイト時間を削減します (TTFB).ただし、要素のキャッシュは動的タグやカスタムデータを含むウィジェットには適用されません。