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

I. PerfmattersとElementorの機(jī)能的関係

1.1 Perfmattersの紹介

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

1.2 Elementorの紹介

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

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

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

PerfmattersとElementorの使用に関するよくある質(zhì)問(wèn)

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

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

2.2 遅延ロードの競(jìng)合

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

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

3.1 WordPressの不要な機(jī)能を無(wú)効にする

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

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

• ハートビートAPIの最適化heartbeatを無(wú)効にするには、メニューをドロップダウンして「Global Disable」を選択する。
• 心拍周波數(shù)Elementorで編集する際のサーバーへの負(fù)擔(dān)を軽減するため、呼び出しの頻度を長(zhǎng)時(shí)間60秒に変更しました。

3.2 遅延ロードポリシーの設(shè)定

• 入り込む Perfmatters > レイジー?ローディングオープンだ。 畫(huà)像とiFrame

• Elementor > 設(shè)定 > パフォーマンス > 畫(huà)像の読み込みを最適化し、読み込みの衝突を回避します。

3.3 JSの遅延実行設(shè)定

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

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

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

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

プリコネクト

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

DNSプリフェッチ（DNS Prefetch）

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

一般的な設(shè)定エラーと解決策

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

V. まとめ

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

お問(wèn)い合わせ
チュートリアルが読めない？無(wú)料でお答えします！個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時(shí)間: 月～金、9:30～18:30、祝日休み