Elementorで読み込みが遅い問題を素早く解決するには？

エレメンタは無料の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 プラグインとうまく動作しないことがあります。また、これらのアドオンは余分なCSS/JSやHTTPリクエストを追加し、サイトの速度を低下させる可能性があります。Elementorを本当に気に入っているのであれば、あなたのニーズに合わせて多くの要素とテンプレートライブラリを提供するProバージョンにアップグレードすることをお勧めします。そうすれば、サイトを遅くする可能性のある余分なサードパーティプラグインを使用する必要がなくなります。