遅いElementor Webサイトを修正する方法:100のPageSpeedグレードと私のサイトでのインスタント読み込み時間を取得するのに役立つ16の最適化

Elementorは、WordPressの最速のページビルダーであると述べています.


それで、ロードの遅いウェブサイトの原因は何ですか?

通常、読み込み時間とGTmetrixスコアを大幅に改善できる簡単な調整がいくつかあります。 Elementor 言う WordPressサイトが遅くなる最も一般的な理由は、サーバー、メディア、外部スクリプト(Googleフォントなど)、プラグイン、CDNなし、平凡なキャッシュプラグインの使用です。ただし、ステップバイステップの手順をリストすることについてはあまり詳しくは触れません。.

だから私はこのチュートリアルを書きました.

WordPress最適化ガイドの主要な推奨事項とElementorの推奨事項に従って、遅いElementorサイトを修正する方法を学びます。スクリーンショットと詳細な手順を提供し、さらにサポートが必要な場合はすべてのコメントに回答します。ホームページでGTmetrixのスコアを100%取得できました。 100件以上の画像と400件以上のコメント(5MBのページサイズと170件のリクエスト)を含む投稿でも、約ロードされます <2秒。ええ、私はワードプレスのスピードオタクです:)

Elementor速度の最適化

1. PHP 7.4にアップグレードする

多くのホスティング会社はすでにPHP 7.4をリリースしています.

PHPバージョンのアップグレードは、Elementorサイトを高速化する最も簡単な方法の1つです。キンスタの PHPベンチマーク より高いPHPバージョンが2〜3倍速く実行できる方法を示します。 Elementorも お勧め PHPのバージョンを上げ、メモリ制限を256MBに増やす(次のステップを参照).

まず、Elementorで現在のPHPバージョンを確認します > システム情報.

Elementor PHPバージョン

次に、ホスティングアカウントにログインし、PHPバージョンマネージャー(または同様のもの)を見つけて、より高いPHPバージョンを選択します。また、事前にバックアップを取ることをお勧めします。そうでなければ、それだけです!

Kinsta PHP 7.4

重要:プラグインが上位のPHPバージョンと互換性があることを確認してください。 WPリッチスニペット(これはもうメンテナンスされていません)を使用していましたが、PHP 7.2以降と互換性がなかったため、プラグインを削除して、代わりのものを見つけました。メンテナンスされていないプラグインを維持する価値はありません.

2.メモリ制限を256MBに増やす

もう一度、Elementorの下でメモリ制限を確認してください > システム情報.

Elementor、WordPress、および WooCommerce 256MBのメモリ制限を推奨.

Elementorメモリ制限

通常、ホスティングアカウントでメモリ制限を変更できます。

メモリ制限

それ以外の場合は、このコードを functions.php.

define( ‘WP_MEMORY_LIMIT’、 ‘256M’);

3.セルフホストフォントを使用する

Google FontsがGTmetrixレポートを爆破している場合は、ローカルでフォントをホストしてみてください.

あなたが持っている場合 Elementor Pro, カスタムフォントを使用する必要があります(設定にあります).

これが YouTubeチュートリアル.

Elementorカスタムフォント

Elementor Proを持っていない?

多くのプラグインがGoogleフォントの最適化に役立ちます:WP Rocket、Autoptimize、自己ホスト型Googleフォント、OMGF、アセットクリーンアップ。もし、あんたが しない プラグインを使用したい場合は、次の手順に従ってください.

ステップ1:GTmetrixでElementorサイトのフォントが遅くなっていることを確認する.

Google Fonts GTmetrix

ステップ2:Google Fonts Webサイトから直接フォントをダウンロードします。絶対に必要なフォントとフォントの太さだけをダウンロードしてください(フォントと太さを増やすと、リクエストも増える可能性があります).

ステップ3:次のようなツールを使用します トランスフォント それらをウェブフォントファイルに変換する.

Transfonter-Google-Font-Conversion

ステップ4:新しいWebフォントファイルをWordPressにアップロードしてCSSに追加する.

手順5:フォントをテストし、デフォルトのフォールトを追加し、常にフォントのフォールバックを行う.

4.サードパーティのリクエストを最適化する

Google Fontsがサードパーティのリクエストであるのと同じように、AdSense、アナリティクス、マップ、タグマネージャー、埋め込み動画、そしてGravatarやソーシャル共有プラグインでさえ、サードパーティのリクエストを引き起こす可能性があります.

これらも最適化する必要があります.

外部スクリプト

一部のサードパーティのリクエストは簡単に最適化できます。

WP Rocketには、役立つアドオンタブがあります。 ローカルでアナリティクスをホストする Facebookピクセルにブラウザキャッシュを追加します。 WP Rocketのメディア設定により、iframeをプレビュー画像に置き換えながら、ビデオを遅延読み込みできます。ソーシャルメディアからの投稿を埋め込む場合は、スクリーンショットを撮り、代わりに画像を使用してみてください。条件付き読み込みを無効にし、キャッシュプラグイン設定でJavaScriptの解析を延期し、アセットクリーンアップでスクリプト/プラグインを選択的に無効にすることで、スクリプトの最適化に役立ちます.

WP Rocketローカル分析

その他のサードパーティのリクエストは、最適化がそれほど簡単ではありません。

Google AdSenseはGTmetrixキラーになることができます。非同期でロードする以外に、できることはほとんどありません。また、Gravatarの読み込みを高速化するための解決策はなく、すべてのGravatarキャッシュプラグインを試しました(そのため、それらを無効にしています)。通常、Googleタグマネージャーは、最適化されていない大規模なElementorサイトにのみ使用する必要があります。それ以外の場合は、通常、害を及ぼします.

5.高いCPUプラグインを避ける

あなたが近づかないようにすべきいくつかのプラグイン.

Elementorサイトを遅くする高CPUプラグインは、通常、統計、バックアップ、ソーシャル共有、ポートフォリオ、ライブチャット、コンタクトフォーム、スライダー、JetPack、およびWebサイトで常に「機能」するために必要なプラグイン(ブロークンリンクと考える)に関係しています。チェッカーの継続的なスキャン).

  1. これを追加
  2. AdSenseクリック詐欺監視
  3. オールインワンのイベントカレンダー
  4. バックアップバディ
  5. ビーバービルダー
  6. より良いWordPress Google XMLサイトマップ
  7. Broken Linkチェッカー(Dr. Link Checkを使用)
  8. WordPressの常時連絡先
  9. お問い合わせフォーム7
  10. コンテキスト関連の投稿
  11. Digi Autoリンク
  12. Disqusコメントシステム
  13. ディビビルダー
  14. エッセンシャルグリッド
  15. 65の遅いプラグインの全リストを表示

遅いプラグインを使用している場合は、それを削除して代わりのものを見つけるか、特定のページでプラグインを選択的に無効にするか(次のステップ)、または引き続き使用して遅いElementorサイトを使用できます。.

6.未使用のプラグインを選択的に無効にする

Asset CleanUpとPerfmattersは プラグインを選択的に無効にする, スクリプト、およびスタイル.

最も一般的な例は、連絡先ページに連絡先フォームのプラグインをロードし、それを他の場所で無効にすることだけです。しかし、ページでソーシャル共有プラグインを無効にすることを考えましたか(ほとんどの人が投稿でのみ使用するため)。または、スライダーのないページでスライダーを無効にしますか?選択的に無効にすることで、ページでのHTTPリクエストを少なくすることができます.

ステップ1:Asset CleanUpをインストールするか、 Perfmatters.

Asset CleanUpプラグイン

ステップ2:ページを編集するか、下にスクロールして、ページに読み込まれているすべてを確認します.

ステップ3:ページで使用されていないプラグイン、スクリプト、およびスタイルを無効(アンロード)にします。投稿の種類によって無効にすることもできます。または、Asset CleanUp Premium(およびPerfmatters)でRegExを使用できます。.

アセットクリーンアップすべてチェック

7. WooCommerceスクリプト、スタイル、カートフラグメントを無効にする

前のステップでプラグインを選択的に無効にしたのと同じように、PerfmattersとAsset CleanUpを使用して、WooCommerceスクリプト、スタイル、カートフラグメントで同じことを行うことができます.

Asset CleanUp WooCommerce

Perfmattersでは実際にこれを行うことができます ワンクリック

perfmatters woocommerce最適化

8. Elementorでエディターローダーメソッドを切り替える

Elementor 言う

「Elementorを使用してホスティングまたはサーバーの問題が発生している場合は、問題を解決できる簡単なスイッチが含まれています。」

Elementorの下でこれを見つけることができます > 設定 > 上級 > エディターローダー.

Elementor Switch Editorローダーメソッド

9.画像のサイズを変更して寸法を修正する

Elementorを使用する場合、正しい寸法に合わせて画像を拡大縮小(サイズ変更)することが重要です.

スケーリングされた画像を提供する

そうしないと、GTmetrixでスケーリングされたイメージの提供エラーが表示されます。表示された場合は、GTmetrixが提供する推奨寸法を取得し、画像をそれらの寸法にサイズ変更してから、画像を置き換えます。私は、Webサイトのすべての領域(スライダー、注目の画像、全幅のブログ画像、ロゴ)の寸法をリストする「画像寸法のチートシート」を作成することをお勧めします。そうすることで、画像をアップロードする前に正しいサイズにサイズ変更できます.

10.共有ホスティングを廃止してクラウドにアップグレードする

サーバーの応答時間が遅い?

Google PageSpeed Insightsを使用してサイトを実行し、 <Googleが推奨する200ms。サーバー(ホスティング)は WordPress最適化ガイドの第1要素.

私は通常SiteGround(共有ホスティング)をお勧めしますが、トラフィックとプラグインが少ない場合は問題ありません。しかし、一度クラウドホスティングに行くと(例えば. Cloudways DigitalOcean)、違いは昼と夜です。 SiteGroundからCloudwaysに移行したところ、読み込み時間が半分になりました。 100件以上の画像と400件以上のコメント(5MBページサイズ、170リクエスト)の投稿でさえ、2秒未満でロードされます.

Elementor Hosting

SiteGround-vs-Cloudways-Cloud-Hosting

GTmetrix-report-for-long-post

Cloudwaysに関する他の人々の経験:

Cloudwaysの応答時間

CloudwaysへのWPエンジン

DigitalOcean Pingdomレポート

Cloudwaysサーバーの応答時間

Cloudwaysの読み込み時間の改善

CloudwaysとWPエンジン

無題

Cloudways Pingdomロード時間

Cloudways Pingdomレポート

Cloudwaysへの移行のNamecheap

Cloudways WooCommerceの移行

Cloudways AWSの移行

彼らはまた、多くのFacebook投票で第1位であり、 TrustPilot評価/レビュー

ホスティングの推奨事項Facebook

VPSクラウドホスティングWooCommerce投票

VPSクラウドホスティングポーリング

WordPressホスティングの提案

Cloudways-Facebook-Review

Cloudways Facebookレビュー

CloudwaysとSiteGround

ボトムライン:WooCommcerce、AdSense、ハイCPUプラグインを実行していない場合、または適切なトラフィックがある場合は、共有ホスティングで問題ありません。しかし、それらのいずれかを取得したら、クラウドホスティングを調べます。はい、私はアフィリエイトです クラウドウェイズ)、しかし、移行して結果を投稿した人は他にもたくさんいます。コード OMM25 Cloudwaysでのホスティングの最初の2か月間は25%割引になります.

11.フリーキャッシュプラグインを破棄してWP Rocketを使用する

なぜWP Rocketは通常Facebook投票で第1位なのか?

他のほとんどのキャッシュプラグイン(データベースのクリーンアップ、ローカル分析、Googleフォントの組み合わせ、画像と動画の遅延読み込み、CDN + Cloudflare統合、ハートビートコントロール、WebPキャッシング、プリフェッチ、Facebookピクセルブラウザーキャッシング)よりも高速な機能があるため.

そのため、WP RocketはGTmetrixでより良いスコア+読み込み時間を提供し、Elementorサイトのプラグインが少なくなります。常に新しい機能で更新され、信頼できるチームによって維持されます.

したがって、WP Fastest CacheまたはW3 Total Cacheをまだ使用している場合は、実際に試してみてください。.

2016年ベストキャッシュプラグインポーリング

2019キャッシュプラグインポーリング

スウィフトvs WPロケット

2016キャッシュプラグインポーリング

2018年ベストキャッシュプラグイン調査

wpロケットvs w3 totlaキャッシュ

違いがわかります:

後のWPロケット

12.データベースをクリーンアップする

継続的なデータベースのクリーンアップをスケジュールしていますか?

Elementorサイトの構築を続けると、ポストリビジョン、使用しなくなったプラグイン/テーマからの古いデータベーステーブル、ゴミ箱のコメント、その他のジャンクファイルが蓄積されます.

WP RocketやWP-Optimizeなどのプラグインを使用して、 WordPressデータベースをクリーンアップする. 削除されるすべての内容を確認し、事前にバックアップを取ることを確認してください.

WP-最適化クリーンデータベース

13. CloudflareのCDNを使用する

Cloudflareの使用は簡単です.

無料で、200以上のデータセンターがあり、CDNは WordPressが推奨.

Cloudflareロゴ

SiteGroundなどの一部のホストでは、ダッシュボードでCloudflareをアクティブ化できます。それ以外の場合は、Cloudflareの無料プランにサインアップし、ドメインレジストラーにログインして、Cloudflareネームサーバーに変更します.

ダッシュボードには、考慮すべきいくつかの微調整があります。

  • 速度:BrotliおよびRocket Loaderを有効にする
  • スクレイプシールド:ホットリンク保護を有効にする
  • ファイアウォール:Wordfenceのライブトラフィックレポートから不良ボットをブロック
  • ページのルール:Cloudflareにはたくさんあります ページルール スピード、セキュリティ、互換性のために

14.軽量テーマを使用する

ストーリータイム.

私は、開発者によって放棄されたThemeForestテーマを使用していました(独立した開発者からテーマを購入する場合、たとえ良いレビューがあったとしても、リスクを取ります)。 WordPressサイトを遅くするクライアントのために肥大化したテーマを購入するときにも悪夢を見ました.

つまり、すべてが組み込まれているので、とても簡単です。?

番号!最小限の適切にコーディングされた軽量のテーマを選択し、必要な機能のみを追加するためにプラグインに依存する場合。テーマの最適化はプラグインを削除するよりも難しい.

ほとんどの人が、できればAstra、Flatsome、またはStudioPressのテーマを使用しています。.

15. GTmetrixのボトルネックを見つける

スコアとロード時間を測定する以外に、GTmetrixでかなり多くのことを明らかにすることができます。 Elementorのサイトはそれぞれ異なるため、自分のサイトを遅くしているものを正確に見つけたい.

最初のバイトまでの時間

最初のバイトまでの時間

最適化されていない画像

GTmetrixでの画像の最適化

遅いプラグイン

WordPressプラグインが遅い

16. Perfmattersで速度の最後の10%を終了する

Perfmatters (Kinstaによって)私が好きなものを世話します その他の速度の最適化

perfmattersの機能

これらのいくつかは非常に便利です。特定のページからプラグイン/スクリプトを選択的に無効にしたり、自動保存の間隔を変更したり、ポストリビジョンを制限したり、事前接続したり、WooCommerceスクリプト、スタイル、カートフラグメントを無効にしたりできるスクリプトマネージャー。これらの最適化に関しては、Perfmattersよりも優れたプラグインを知りません.

何を期待していますか、それはキンスタです。もちろん素晴らしいプラグインです.

よくある質問

&#x1f680; Elementorサイトが遅い一般的な理由は何ですか?

適切なキャッシュプラグインを使用していない、キャッシュプラグインの設定を最適に構成していない、ホスティングが遅い、画像が最適化されていない、Googleフォントと外部スクリプトを使用している、高CPUプラグインである、CDNを使用していないなどが、Elementorサイトの低速化の最も一般的な理由の1つです.

&#x1f680; Elementorを高速化するにはどうすればよいですか?

Elementorのカスタムフォントオプションを使用して、Google FontsまたはFont Awesomeからのリクエストの量を減らします。また、KinstaのAsset CleanUpやPerfmattersなどのプラグインを使用して、ページ/投稿で未使用のElementor関数を選択的に無効にすることもできます。残りはElementorとは何の関係もない一般的な速度最適化です.

&#x1f680;カスタムフォントを使用して読み込みを高速化する方法?

これを行うにはElementor Proアカウントが必要です。フォントファイルをダウンロードして(Google Fontsなどから)、Elementorのカスタムフォントセクションにアップロードします。.

&#x1f680; Elementorは私のサイトを遅くしていますか?

ElementorはGTmetrixレポートでエラーを引き起こさず、最速のWordPressページビルダーであると考えられています。たとえそれがあったとしても、それはあなたのウェブサイトをあまり遅くしないはずです。しかし、そうだと思われる場合は、GTmetrixウォーターフォールタブをチェックして、問題の実際の原因を確認してください。.

&#x1f680; Elementorサイトに推奨されるホスティング?

人気のElementor Facebookグループでは、SiteGroundとCloudwaysが通常Facebookの投票で選ばれた上位2つのホストです.

まだ遅いElementorサイトがあります?

私はこう言います。CloudwaysとWP Rocketが問題の80%を解決するはずです。ホスティングとキャッシュプラグインは、WordPress最適化ガイドの最大の要素です。 Elementorのサイトがまだ遅い場合は、GTmetrixレポートと一緒にコメントを送っていただければ幸いです。私たちのチームは、GTmetrixレポートの前後にWordPressスピードサービスも提供しています.

乾杯,
トム

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map