Elementorのローディングラグを修正する方法：詳細ガイド

Elementor 简化了在 WordPress 中开发网站页面的过程。不过，你可能偶尔会遇到Elementor卡在加载屏幕上的情况，有时小部件面板也可能无法加载。这些问题可能以多种形式出现，一些用户不知道自己遇到了什么问题。

如果遇到Elementor “卡在加载屏幕上“（Stuck on the loading screen）问题，可能遇到了以下问题之一：

1. 编辑器不断加载：最常见的Elementor加载卡死问题是这样的。Elementor编辑器会无限期加载。与插件或主题不兼容是导致此问题的最常见原因。
2. 编辑器打开白色空白页的新文档：编辑器显示白色空白网页是Elementor另一种形式的加载问题。插件问题和服务器内存问题可能会导致Elementor出现白色空白页面问题。
3. 小工具面板无法加载：这是一个新的Elementor加载错误，会导致Elementor插件面板无法加载。要么小部件屏幕完全灰显，要么继续无限加载。

使用 Elementor 的前提条件

有效使用Elementor需要一些先决条件，以确保获得流畅和最佳的体验。以下是关键的先决条件：

• ワードプレスのインストール：Elementor是一个WordPress插件，因此必须有一个WordPress网站。确保安装了最新版本的WordPress。
• 支持的 WordPress 版本：查看Elementor官方文档。保持WordPress和Elementor的更新，以便从最新功能、改进和安全补丁中获益。
• 服务器要求：确保你的托管服务器满足运行WordPress和Elementor的最低要求。这包括兼容的PHP版本（通常为PHP 7.0或更高）和充足的服务器资源。
• PHPのメモリ制限：Elementor可能需要比默认设置更高的PHP内存限制。请检查服务器的PHP内存限制是否设置为符合Elementor要求的值。可以在服务器的PHP配置或编辑wp-config.php文件中进行调整。
• ブラウザの互換性：Elementor一般与流行的网络浏览器兼容。不过，建议使用经常更新的浏览器，以获得最佳性能。常见的支持浏览器包括谷歌浏览器、火狐浏览器、Safari和微软Edge。
• 互联网连接：确保稳定可靠的网络连接。缓慢或不稳定的连接可能会影响Elementor页面的加载和保存。
• 响应式主题：虽然Elementor兼容大多数WordPress主题，但建议使用响应式主题。这样可以确保使用Elementor创建的设计在各种设备和屏幕尺寸上都能保持良好的外观。
• 安装 Elementor 插件：在WordPress仪表板中导航至プラグイン > 新しいプラグインの追加，然后搜索Elementor即可。
• 可选：Elementor Pro：专业版提供高级功能。如果选择使用Elementor Pro，则需要購入许可证并在WordPress网站上安装专业版。

Elementor 停留在加载屏幕上的错误：修复方法

Elementor 是一个功能强大且灵活的页面构建器，但有时可能会遇到Elementor卡在加载屏幕上的问题，有时小部件面板也可能无法加载。以下是详细的修复方法和解决方案：

1. 确保没有插件冲突

由于插件不兼容是导致Elementor加载卡顿的主要原因，建议从这里开始排查。以下是一些已知会与Elementor发生冲突的附加插件：

• Elementor 高级插件
• Elementor Kit Lite
• 终极附加组件
• 谷歌 XML 网站地图
• Elementor 附加元件
• Elementor 的基本插件
• 高级插件
• 动力包元件
• Elementor 免费版和专业版之间的冲突

使用禁止这些插件，看看问题是否消失。プラグインを1つずつ有効化并检查Elementor是否正常工作，如果启用某个插件后问题再次出现，说明该插件就是问题所在。

2. 增加 PHP 内存限制

Elementor 卡在加载屏幕上的一个常见原因是PHP内存限制不足。默认情况下，WordPress的内存限制为40M，但Elementor至少需要64Mセッティングは128M.

更新 wp-config.php ファイルを/* 編集は以上です！ハッピー・パブリッシング。の前に以下のコードを追加します：

define('WP_MEMORY_LIMIT','128M')；

その後 wp-admin -> Elementor -> システム情報 変更が保存されたことを確認します。

3.ブラウザの拡張機能を無効にします。

ブラウザに問題がある場合もあります。使用禁止すべてのブラウザエクステンション問題が解決されるかどうか確認してください。スクリプトの読み込みを妨げる広告ブロッカーやその他のプラグインがないか確認してください。

4.デフォルトのWordPressテーマに切り替え

デフォルトのWordPressテーマに切り替えてください。トゥエンティトゥエンティワンをクリックし、Elementorが正常に動作しているか確認してください。問題が解決された場合は、テーマが原因であることを意味します。

5.サーバーリソースの制限の増加

特に共有ホスティングアカウントでは、サーバーのリソース制限が問題を引き起こすことがあります。cPanelでリソースの使用状況を確認し、リソース制限を増やすためにホスティングプロバイダに連絡してください。

6.未使用ウィジェットの無効化

ページ上の使用していないウィジェットや要素を無効にします。Elementorエディタに移動しガジェットその後、「👁️」アイコンをクリックして一時的に無効にし、問題が解決するかどうかを確認してください。

7.Elementorの再インストール

無効化と削除WordPressダッシュボードのElementorプラグインを再インストールし、プラグインを有効にしてください。プラグインのウェブサイトデータのバックアップ万が一、データを紛失したときのために。

8.WordPressのアドレス(URL)とウェブサイトのアドレス(URL)の確認

WordPressのアドレス（URL）とウェブサイトのアドレス（URL）が同じであることを確認してください。WordPressダッシュボードのセットアップ > 通常兵器2つのフィールドが同じであることを確認します。

9.ハイブリッドHTTPSの修正

サイト全体（Elementorアセットを含む）がHTTPSで読み込まれるようにします。WordPress のアドレスとウェブサイトのアドレスを "https://".すべてのElementorページとアセットが安全なURLを使用していることを確認してください。

10.ハードリフレッシュの実行

Windowsの場合 Ctrl + F5Macの場合は Cmd + Shift + R ハードリフレッシュを実行してキャッシュファイルをクリアし、ページを再読み込みします。

11.セキュリティプラグインの無効化

セキュリティプラグインを一時的に無効にし、問題が解決するかどうかを確認します。問題が解決したら、セキュリティ設定を再設定するか、Elementorと互換性のある代替プラグインを探してください。

12.ウェブサイトの健全性とプラグインのチェック

ワードプレスの使い方サイトヘルス"機能は潜在的な問題を特定します。設置方法クエリーモニタープラグインを使用してサイトのパフォーマンスを分析し、Elementor の読み込みに何が影響しているかを調べます。

13.キャッシュとパフォーマンスプラグインの無効化

キャッシュまたはパフォーマンス最適化プラグインを一時的に無効にします。W3 Total Cache、WP Super Cache、Autoptimizeなどで問題が解決するかどうかを確認してください。

14.CSSとデータの再作成

WordPressのダッシュボードに移動して エレメンタ > アーティファクトCSSを再生成するか、データキャッシュをクリアしてください。

15.ホスティングの切り替え

他のすべてが失敗した場合は、ホスティングプロバイダの変更を検討するか、またはホスティングのアップグレードサーバーがElementorの要件を満たすように設定されています。.

16.エディター読み込み方法の変更

WordPressのダッシュボードでElementor > Settings > Advancedと進み、エディタのロード方法を変更するオプションを見つけ、オプションを有効にしてエディタが正しくロードされるか確認します。

17.Elementorセキュリティモデルの使用

Elementor > Tools > Generalタブに移動し、以下を有効にします。セキュリティモデル一時的にすべてのプラグインを無効にし、WordPressのデフォルトテーマに切り替えてください。

18.ファイアウォール設定の調査

ファイアウォールの設定を確認し、Elementorスクリプトの使用を許可するために必要なポートが開いていることを確認してください。Elementorに関連するドメインまたはIPアドレスをホワイトリストに登録します。

19.Elementorのヘルスチェックを実行

ある エレメンタ > アーティファクト > 健康診断 タブで様々なテストを実行し、サーバー設定、互換性、他のプラグインやテーマとの競合に関する問題を見つけます。

20.エラーロギングのためにWP_DEBUGを有効にします。

コンパイラ wp-config.php ファイルを作成します。 WP_DEBUG に設定します。 真の特定の問題を特定するためにエラーログを記録します：

define('WP_DEBUG', true)；
define('WP_DEBUG_LOG', true)；
define('WP_DEBUG_DISPLAY', false)；

21.ModSecurityを一時的に無効にします。

サーバーのModSecurityルールを無効にして、Elementorの問題の原因になっていないか確認してください。ホスティングプロバイダのコントロールパネルを使うか、ホスティングサポートに連絡してください。

22.JavaScriptコンソールでエラーをチェック

ブラウザの開発ツール(F12) で "コンソール"タブで、Elementorのロード時に発生する可能性のあるJavaScriptエラーや警告を表示し、関連する問題を解決します。

23.データベースの破損をチェック

データベース管理ツールまたはプラグインを使用して、WordPressデータベースの破損の可能性をスキャンして特定し、破損したテーブルを修復して、Elementorに再度アクセスしてみてください。

24.ウェブサイトのバックアップの復元

ホスティングプロバイダのコントロールパネルまたはバックアッププラグインから、Elementorに問題が発生する前に利用可能だったバージョンのバックアップを選択して、ウェブサイトのバックアップを復元します。

25.その他雑多な問題

• PHPバージョン: システムがPHP 8を実行している場合、PHP 7にダウングレードしてみてください。
• パーミッション: ElementorにGlobalsをダウンロードするパーミッションがあることを確認し、403エラーコードを解決するためにホスティング会社に連絡してください。
• キャッシュの問題：サーバーキャッシュ、CloudflareまたはRocketloaderが無効になっていることを確認してください。
• コンソールでエラーをチェックする: ブラウザの開発者ツールを使ってJavaScriptのエラーをチェックしてください。
• CDNを一時的に無効にする：CDNを無効にし、読み込みの問題が発生していないか確認します。

概要

Elementorは強力で柔軟なページビルダーですが、使用中に読み込み遅延やウィジェットパネルが読み込まれないといった問題に遭遇することがあります。これらの問題は、プラグインの競合、サーバーリソースの不足、またはブラウザの拡張機能によって引き起こされる可能性があります。