Elementor Cloudを高速化する方法:6つのヒント

Blair Jersyer Elementor Jun 20, 2022

あなたは現在ElementorCloudWebサイトを運営していますが、訪問者にとってブログが高速であると確信しています? Elementor CloudがWebサイトを高速化するために可能な限り最高の最適化を備えている場合、速度最適化には大きな可能性が残ります。

ウェブサイトが読み込まれるまで最大3秒待つ訪問者はほとんどいないため、最近は高速なウェブサイトを用意する必要があります。 読み込みに時間がかかるほど、訪問者は跳ね返ります。 訪問者をバウンスさせることはお金を失うことを意味します。

このチュートリアルでは、ElementorCloudWebサイトですぐに適用できる最高のヒントとコツを紹介します。 最後のヒントでは、Cachingプラグインを使用してパフォーマンスを大幅に向上させる方法を説明します。

1.より良い圧縮画像の使用

ElementorCloudWebサイトで多くの画像を使用している可能性があります。 それらを最適化しないと、Webサイトは大きくて重いファイルを提供し、Webサイトの読み込みが遅くなります。 最初の最適化の秘訣は、小さい画像をアップロードすることです(ポートフォリオをオンラインで持っている場合を除く)。 次に、ElementorCloud互換プラグインを追加する必要があります。そのうちの1つはSmushです。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

Smush – Lazy Load Images、Optimize & Compress Images

画像の最適化、遅延読み込みのオン、サイズ変更、&の圧縮は、WPMU DEVが提供する信じられないほど強力で100%の無料のWordPress画像スマッシャーで、Googleページの速度を向上させます。

主な機能

  • スーパースマッシュ
  • 可逆圧縮
  • 遅延読み込み
  • バルクスマッシュ
  • 画像のサイズ変更
  • 不正なサイズの画像検出
  • ディレクトリスマッシュ
  • 自動最適化
  • 月額制限なし

このプラグインは、画像の圧縮に役立ちます。 このプラグインをインストールすると、手動操作を実行する必要はほとんどありません。

2.CSSとJSの縮小

YellowPencilなどのツールを使用してWebサイトのスタイルを編集している場合は、圧縮されていないCSSの長いリストが表示される可能性があります。 非圧縮のCSSまたはJsは、切り捨て可能な不要なスペースがあるファイルです。 ここでは、Elementor Cloud上の真のCloudflareがミニファイサービスを提供しているにもかかわらず、ミニファイプラグインを使用することをお勧めします。

Hummingbird –速度の最適化、キャッシュの有効化、CSSの縮小&クリティカルJSの延期

Hummingbirdによるファイル圧縮の微調整コントロール、CSSとJavaScriptのスタイルとスクリプトの延期、CSSの縮小、遅延読み込みの統合、ワールドクラスのキャッシュにより、Webサイトの速度の最適化が容易になります。

主な機能

  • テキスト圧縮を有効にする
  • 必要な原点に事前接続します。
  • キーリクエストのプリロード
  • 巨大なネットワークペイロードを避けてください
  • 効率的なキャッシュを使用する
  • JavaScriptの実行時間を修正する
  • CSSを縮小する
  • JavaScriptを縮小する
  • レンダリングをブロックするリソースを排除する
  • 未使用のCSSを延期する

3.多すぎるプラグインの使用は避けてください

多くのプラグインがWordPressエコシステムで毎日リリースされています。 Elementor Cloudにプラグインを追加することが許可されている場合は、Webサイトに必要なプラグインのみをインストールする必要があります。

Heavy suitcase on car roof on blue background minimal creative travel concept.

複数のプラグインを使用してWebサイトでさまざまなことを実現するのではなく、それらの機能を組み合わせたプラグインの検索を開始します。

4.推奨されるWordPressテーマを使用する

高速なWebサイトは、WordPressテーマの品質にも依存します。 ただし、テーマは高品質のWordPressテーマであるだけでなく、Elementorとの互換性も必要です。 Elementorで高品質を提供するテーマはほとんどありません。ここに、私たちが推奨する最高のテーマのリストを示します。

あなたのビジネスに最適なものを選択します。

5.データベースの最適化

Elementor Cloud Webサイトのデータベースには、サイトのすべてのコンテンツと設定(Elementorデザインを含む)が保存されています。

WordPressサイトにページを表示するために必要なすべての情報は、訪問者が到着したときにデータベースクエリから取得されます(ただし、上記で説明したように、ページのキャッシュにより、ほとんどの訪問者にとってこのプロセスを排除できます)。

データベースのサイズと複雑さが増すにつれて、これらのクエリに時間がかかり、より多くのサーバーリソースを消費するため、サイトの速度が低下します。

結果として、あなたはあなたのウェブサイトのデータベースを定期的にきれいにすることを習慣にするべきです。 役立つ可能性のあるプラグインをいくつか示します。

6.ページキャッシュプラグインを使用する

Elementor Cloudでのキャッシュに最適なプラグインの1つは、 WPSuperCacheです。 このプラグインはW3TotalCacheと少し似ていますが、この最新のプラグインには互換性がありません。

WPスーパーキャッシュ

WP Super Cacheは、動的なElementorCloudWebサイトから静的なHTMLファイルを生成します。 HTMLファイルが生成された後、Webサーバーは、比較的重くて高価なWordPress PHPスクリプトを処理する代わりに、そのファイルを提供します。

このプラグインで得られるパフォーマンスは素晴らしいです。 ほとんどの場合、ページが読み込まれると、サーバーにそのすべてのページを作成するように要求されます。 このプラグインを使用すると、ページが静的HTMLであるため、読み込みが速くなります。

概要

Elementor Cloudは、Elementorを使用してWebサイトを作成するために必要なすべてを提供するため、最近のデザイナーにとって最高のホスティングソリューションの1つです。 ただし、Elementor Cloud Webサイトのパフォーマンスを向上させるために、この投稿全体を通して、ユーザーエクスペリエンスを向上させると思われるいくつかのトリックとヒントを見てきました。

Divi WordPress Theme