Elementor 3.22アップデート:新しいオフキャンバスウィジェットとキャッシュがサイトパフォーマンスを改善

新機能:オフキャンバスウィジェット

エレメンタール 3.22 新しいプロフェッショナル?デザイン?ツールを導入 オフキャンバスウィジェットインタラクティブなページレイアウトを作成し、ユーザー體験を向上させる。

畫像[1]-Elementor 3.22アップデート:新しいオフキャンバスウィジェットとキャッシュ機能によるウェブサイトパフォーマンスの向上 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応

機能的な特徴

  • インタラクティブなレイアウトリンクをクリックしてコンテナを開閉することで、よりインタラクティブなページをデザインすることができます。
    • 例えば、オフキャンバスウィジェットを "登録 "ボタンに添付することができ、クリックするとフォームを含むウィジェットが開きます。
  • 入れ子要素のサポート: オフキャンバスウィジェットのコンテンツエリアはコンテナとして使用でき、フォームなどの他のウィジェットの配置をサポートします。
    • 通常のコンテナのデザイン機能をすべて使ってスタイリングできるようにします。
  • ダイナミック?ラベル設定リンク設定で、ダイナミックラベルボタンをクリックすると、特定のオフキャンバスウィジェットにリンクするオプションが表示されます。
    • 例えば、ページ上に複數のオフキャンバスウィジェットがある場合、「オフキャンバスウィジェット1」や「オフキャンバスウィジェット2」などと表示されます。
    • リンクは、オープン、クローズ、または両方のビヘイビアをトリガーするように選択できる。
  • ブランド?パーソナライゼーションウィジェットの入退場アニメーションのスタイルと時間をパーソナライズできます。
    • いつ、どのようにオーバーレイを終了するかを設定したり、ページのスクロールを防ぐなど、インタラクションの振る舞いをコントロールする。
    • オーバーレイのオン/オフ、色の変更、畫像の選択などのオプションで、オーバーレイ効果のスタイルを設定します。
    • コンテナを定義するHTMLタグ。
  • スタイルのカスタマイズStylesタブで、色、フォント、レイアウトなど、オフキャンバスウィジェットの外観をカスタマイズします。
畫像[2]-Elementor 3.22アップデート:新しいオフキャンバスウィジェットとキャッシュ機能によるウェブサイトパフォーマンスの向上 - Photon Flux|プロフェッショナルなWordPress修理サービス、グローバルカバレッジ、迅速な対応

使用方法

  1. オフキャンバスウィジェットをページ上の任意の場所に配置します。
  2. をクリックしてください。編集モード"コントロールでエディターで開いたり閉じたりできる。
  3. リンクの設定で、ダイナミック?ラベル?ボタンをクリックしてトリガーオン、オフあるいは両方の行動をとる。
  4. 出向く WordPressダッシュボード エレメンタ → 機能アクティベーション入れ子要素".

新機能:Elementorキャッシュ

畫像[3]-Elementor 3.22アップデート:新しいオフキャンバスウィジェットとキャッシュ機能によるウェブサイトパフォーマンスの向上 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応

Elementor 3.22では、ウィジェットの出力をキャッシュすることで、サイトのパフォーマンスを大幅に改善する新しいキャッシュ機能が導入されました。

パフォーマンス向上:

  • メモリ使用量の削減メモリ使用量を3MBから8KBに削減。
  • TTFBリフティングTTFB (Time to First Byte) Boost 33%-70%.

キャッシュ管理:

  • 靜的コンテンツと動的コンテンツの區(qū)別: キャッシュ機能は、靜的ウィジェットと動的ウィジェットを區(qū)別し、靜的コンテンツのみをキャッシュします。
    • 動的ウィジェット(訪問者固有の情報を含むウィジェットなど)はキャッシュされません。
  • キャッシュ設定編集パネルの詳細タブでは、特定のウィジェットのキャッシュ設定を制御できます。
    • 例えば、ウィジェットのキャッシュ機能を有効または無効にすることができる。

アクティベーションのステップ

  1. 出向く WordPressダッシュボードエレメンタ → 機能アクティベーションエレメント?キャッシュ".
  2. ある WordPressダッシュボード エレメントr → パフォーマンスでは、キャッシュの設定を制御する歌で応えるバッファ時間.

その他のパフォーマンス?アップデート

畫像[4]-Elementor 3.22アップデート:新しいオフキャンバスウィジェットとキャッシュ機能によるウェブサイトパフォーマンスの向上 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応

ネイティブJS代替JSライブラリ

  • フロントエンドのパフォーマンス向上Waypoint.jsのような外部のJavaScriptライブラリを、ネイティブのJavaScriptソリューションに置き換える。
    • この置換は、より近代的なコードを使用し、パフォーマンスとSEOスコアを向上させます。
    • この置換により、メモリ使用量が18KB減少した。
  • 下位互換性サードパーティプラグインとの後方互換性を維持するため、古いJavaScriptライブラリは今後のリリースでも維持されますが、プラグイン開発者が依存関係に設定した場合にのみ有効になります。

新しい「パフォーマンス」タブ

  • パフォーマンス機能の集中管理安定したパフォーマンス機能はすべて新しいパフォーマンスタブに集約され、ユーザーが簡単に有効化?無効化できるようになっています。
    • このタブでは、ウェブサイトに関するパフォーマンス向上機能を検索し、有効にすることができます。

アクティベーションのステップ

出向く WordPressダッシュボード → Elementor → 設定 → パフォーマンス.

畫像[5]-Elementor 3.22アップデート:新しいオフキャンバスウィジェットとキャッシュ機能でウェブサイトパフォーマンスを向上 - Photon Flux|プロフェッショナルなWordPress修理サービス、グローバルカバレッジ、迅速な対応

    概要

    Elementor 3.22は、サイトのパフォーマンスとユーザー體験を劇的に改善します:

    • オフキャンバスウィジェットの追加ユーザーのエンゲージメントを高めるインタラクティブなレイアウトを構築。
    • キャッシングの導入ウィジェットのローディング時間を最適化し、サイトのパフォーマンスを向上させます。
    • 外部ライブラリのネイティブJSへの置き換えウェブサイトのコードを整理し、フロントエンドのパフォーマンスを向上させます。
    • 新しいパフォーマンス?タブパフォーマンス改善機能の一元管理により、最適化プロセスを合理化。

    これらの新機能と機能強化は、サイトの読み込み速度を向上させるだけでなく、パフォーマンス最適化の管理を簡素化し、ユーザーが高速で魅力的なサイトをより簡単に構築できるよう支援します。


    お問い合わせ
    チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
    カスタマーサービス WeChat
    カスタマーサービス WeChat
    電話:020-2206-9892
    QQ咨詢:1025174874
    Eメール:info@361sale.com
    勤務時間: 月~金、9:30~18:30、祝日休み
    ? 複製に関する聲明
    この記事はハリーが執(zhí)筆しました。
    終わり
    好きなら応援してください。
    クドス0 分かち合う
    解説 ソファ購入

    コメントを投稿するにはログインしてください

      コメントなし