エレメンタは無料のWordPressページビルダー・プラグインで、以下のようなユーザーベースを持っている。 10,000,000 ネーム・ユーザー。無料版だけでなく、プレミアム版もあり、あなたのウェブサイトをよりクールで派手に見せるアドオンもたくさんあります。しかし、他のページビルダーと同じように、Elementorもカスタムスタイルやスクリプトを追加するため、ウェブサイトの読み込みが遅くなる可能性があります。では、Elementorで読み込みが遅い問題が発生したらどうすればいいのでしょうか？ご心配なく、あなたのウェブサイトを再び高速化するためのヒントをいくつかご紹介します！

1、ページのみElementorを有効にする

WordPressでは、デフォルトで投稿とページの2つのコンテンツタイプを作成できます。WooCommerceのようなプラグインを使用している場合は、商品という追加コンテンツタイプもあります。もちろん、必要に応じて他のカスタムコンテンツタイプを作成することもできます。ただし、Elementorは投稿やその他のカスタムコンテンツタイプではなく、ページのみに使用することをお勧めします。こうすることで、Elementorはページ以外のフロントエンドとバックエンドでリソースをロードしないので、ウェブサイトの速度を向上させることができます。Elementorプラグインを有効にすると、デフォルトで投稿とページの両方の機能が有効になります。これは "Elementor > 設定 "メニューから"通常兵器「タブの下記事を閉じる.

2、 Elementor Experimentsを使う

ElementorプラグインはExperimentsタブで多くの実験的な機能を提供しています。ここでは、進行中の実験と、完了し安定した機能として承認された実験を見ることができます。サイトの読み込みを速くしたい場合は、"Stable and Continuous "セクションでスピード関連の機能をすべてオンにすることができます。

3、フォントの最適化

Googleフォントやその他のカスタムフォントを使用している場合、Google PageSpeed Insightsはしばしば問題を警告します。例えば、あなたがElementorのプラグインでGoogleのフォントを使用している場合、あなたはページがテキストが表示される前にフォントとプリロードフォントをロードしているという警告が表示されることがあります。しかし、Elementorにはフォントの最適化オプションが組み込まれており、ウェブページの読み込み速度を改善するために使用することができます。

4、外部CSSファイルの使用

上のスクリーンショットから、Elementorは「CSS印刷方法」に2つのオプションを提供していることがわかります。一つは "外部ファイル"、もう一つは "内部埋め込み "です。ウェブサイトを高速化するためには、"外部ファイル "オプションを選択することをお勧めします。こうすることで、すべてのCSSスタイルが外部ファイルとして読み込まれます。その後、"Elementor > Tools > General "セクションに移動し、"Regenerate files and data "をクリックします。これでデータが再生成され、外部CSSファイルとして読み込まれます。この利点は、キャッシュできないCSSを動的に挿入しないため、ページがより正確にキャッシュされ、読み込みが速くなることです。

5.セーフモードを試す

ページの作成または編集時にElementorエディタの読み込みが遅い場合は、Elements > Tools > Generalセクションでセーフモードをオンにしてみてください。セーフモードはエディタの読み込みが遅いときに問題を解決するためのいくつかの提案を表示します。

6.アドオンの数を減らす

Elementor ページビルダーのアドオンとして利用できるサードパーティ製のプラグインは数多くあり、基本プラグインにさらに多くの要素を追加して、見栄えのよいページレイアウトを作成するのに役立ちます。しかし、これらのアドオンは、特に Elementor が新しいバージョンにアップデートされたときに、Elementor プラグインとうまく動作しないことがあります。また、これらのアドオンは余分なCSS/JSやHTTPリクエストを追加し、サイトの速度を低下させる可能性があります。Elementorを本当に気に入っているのであれば、Proバージョンにアップグレードすることをお勧めします。そうすれば、サイトの速度を低下させる可能性のあるサードパーティのプラグインを余計に使用する必要がなくなります。