Perfmatters Elementorによるパフォーマンス最適化のベストプラクティス

パーフマターズは、WordPress用の軽量なパフォーマンス最適化プラグインです。エレメンタは人気のビジュアルページエディタです。このエディタはエレメンタPerfmattersを正しく設定して速度を改善し、機能の競合を避けるには？この記事では、ElementorでPerfmattersのパフォーマンスを最適化するためのベストプラクティスを詳しくご紹介します。

I. PerfmattersとElementorの機能的関係

1.1 Perfmattersの紹介

Perfmattersはフロントエンドの最適化に重点を置いており、HTTPリクエストの削減、無駄なスクリプトの無効化、遅延ローディング、DNSプリフェッチなどによってページの負担を軽減する。キャッシュ機能は含まず、主にページロードの削減と高速化を目的としています。

1.2 Elementorの紹介

Elementorは、ビジュアル編集、モジュールのドラッグ＆ドロップ、多くのJS、CSS、ダイナミックレンダリングによる高度なレイアウトを可能にする強力なページビルダーです。しかし、多くのリソースをロードするため、結果としてワードプレスサイトElementor使用後の読み込みが遅い。

1.3 2つを組み合わせる価値

Perfmattersは、冗長なスクリプトやスタイルの読み込みをElementorに最適化し、WordPressの無駄な機能をデフォルトで無効にすることで、Elementorで構築されたサイトを最適な速度で読み込めるようにします。

PerfmattersとElementorの使用に関するよくある質問

2.1 スクリプトマネージャーは必要なスクリプトを無効にすることができる

パーフマターズ スクリプト・マネージャー ページ上で無駄なCSSやJSを無効にすることは可能ですが、Elementorは多くのコアファイルに依存しているため、これらを無効にするとページが乱れたり、機能が異常になったりする可能性があります。Elementorを使用する際は、各項目が正常な表示やインタラクションに影響を与えないかテストする必要があります。

2.2 遅延ロードの競合

Elementor ProにはLazy Loadが搭載されていますが、PerfmattersのLazy Loadを同時に有効にすると、画像がちらついたり、読み込みが異常になることがあります。

PerfmattersとElementorのパフォーマンス最適化のベストプラクティス

3.1 WordPressの不要な機能を無効にする

をクリックしてください：

絵文字を無効にする以下は、冗長なHTTPリクエストを減らす方法の例です。
XML-RPCを無効にする安全性とスピードを向上させるために、より速く、より安全で、より効率的な新しい方法が加わった。

ハートビートAPIの最適化heartbeatを無効にするには、メニューをドロップダウンして「Global Disable」を選択する。
心拍周波数Elementorで編集する際のサーバーへの負担を軽減するため、呼び出しの頻度を長時間60秒に変更しました。

3.2 遅延ロードポリシーの設定

入り込む Perfmatters > レイジー・ローディングオープンだ。 画像とiFrame

Elementor > 設定 > パフォーマンス > 画像の読み込みを最適化し、読み込みの衝突を回避します。

3.3 JSの遅延実行設定

入り込む Perfmatters > JavaScript
オープン ディレイJavaScript スイッチは、すべてのJSファイルの実行をユーザーとの対話に遅らせる。

オープンジャバスクリプトその後、次のように表示されます。簡単な除外事項 オプションの"エレメンタ「である。

3.4 DNSのプリフェッチとプリコネクション

入り込む Perfmatters > プリロード > 接続

プリコネクト

入力ボックス：以下のように入力できる https://fonts.gstatic.com
TCP/TLSコネクションを事前に確立し、ロードの遅延を軽減することが可能

DNSプリフェッチ（DNS Prefetch）

入力ボックス：以下のように入力できる //fonts.googleapis.com
ドメイン名の事前解決によるDNS検索時間の短縮

一般的な設定エラーと解決策

課題	ラショナル	治療
誤ったフロントエンドのスタイル	ElementorのコアCSSファイルを無効にする	スクリプトマネージャでElementor CSSを再有効化する
無効なページ・インタラクション	必要なJSの実行の遅れ	対応するJSファイルを遅延除外リストに追加する。
エディターが読み込めない	ディレイJS機能は、Elementor Editor JSを除きます。	を追加して除外リストをチェックする。 `エレメンタ` 関連スクリプト
画像が何度も読み込まれたり、ちらついたりする	ElementorとPerfmattersのレイジー・ロードの両方を有効にする	PerfmattersまたはElementorのLazy Load機能だけを残してください。

V. まとめ

パーフマターズ Elementorウェブサイトの読み込み速度は大幅に改善できますが、Elementorのコアスクリプトを除外するためにJSの実行を遅延させたり、Lazy LoadやElementorのダブルイネーブルを避けたり、DNSのプリフェッチやプリコネクションの設定などに注意する必要があります。PerfmattersとElementorを適切に設定することで、デザインと機能性を維持しながら、より高速な読み込みを実現できます。SEO対策とコンバージョン率。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：[email protected]
④ 勤務時間: 月～金、9:30～18:30、祝日休み