如何解決 Elementor 加載卡頓問題:詳細(xì)指南

Elementor 簡化了在 WordPress 中開發(fā)網(wǎng)站頁面的過程。不過,你可能偶爾會遇到Elementor卡在加載屏幕上的情況,有時小部件面板也可能無法加載。這些問題可能以多種形式出現(xiàn),一些用戶不知道自己遇到了什么問題。

圖片[1]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如果遇到Elementor “卡在加載屏幕上“(Stuck on the loading screen)問題,可能遇到了以下問題之一:

  1. 編輯器不斷加載:最常見的Elementor加載卡死問題是這樣的。Elementor編輯器會無限期加載。與插件或主題不兼容是導(dǎo)致此問題的最常見原因。
  2. 編輯器打開白色空白頁的新文檔:編輯器顯示白色空白網(wǎng)頁是Elementor另一種形式的加載問題。插件問題和服務(wù)器內(nèi)存問題可能會導(dǎo)致Elementor出現(xiàn)白色空白頁面問題。
  3. 小工具面板無法加載:這是一個新的Elementor加載錯誤,會導(dǎo)致Elementor插件面板無法加載。要么小部件屏幕完全灰顯,要么繼續(xù)無限加載。

使用 Elementor 的前提條件

有效使用Elementor需要一些先決條件,以確保獲得流暢和最佳的體驗。以下是關(guān)鍵的先決條件:

圖片[2]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
  • WordPress 安裝:Elementor是一個WordPress插件,因此必須有一個WordPress網(wǎng)站。確保安裝了最新版本的WordPress。
  • 支持的 WordPress 版本:查看Elementor官方文檔。保持WordPress和Elementor的更新,以便從最新功能、改進和安全補丁中獲益。
  • 服務(wù)器要求:確保你的托管服務(wù)器滿足運行WordPress和Elementor的最低要求。這包括兼容的PHP版本(通常為PHP 7.0或更高)和充足的服務(wù)器資源。
  • PHP 內(nèi)存限制:Elementor可能需要比默認(rèn)設(shè)置更高的PHP內(nèi)存限制。請檢查服務(wù)器的PHP內(nèi)存限制是否設(shè)置為符合Elementor要求的值。可以在服務(wù)器的PHP配置或編輯wp-config.php文件中進行調(diào)整。
  • 瀏覽器兼容性:Elementor一般與流行的網(wǎng)絡(luò)瀏覽器兼容。不過,建議使用經(jīng)常更新的瀏覽器,以獲得最佳性能。常見的支持瀏覽器包括谷歌瀏覽器、火狐瀏覽器、Safari和微軟Edge。
  • 互聯(lián)網(wǎng)連接:確保穩(wěn)定可靠的網(wǎng)絡(luò)連接。緩慢或不穩(wěn)定的連接可能會影響Elementor頁面的加載和保存。
  • 響應(yīng)式主題:雖然Elementor兼容大多數(shù)WordPress主題,但建議使用響應(yīng)式主題。這樣可以確保使用Elementor創(chuàng)建的設(shè)計在各種設(shè)備和屏幕尺寸上都能保持良好的外觀。
  • 安裝 Elementor 插件:在WordPress儀表板中導(dǎo)航至插件 > 添加新插件,然后搜索Elementor即可。
  • 可選:Elementor Pro:專業(yè)版提供高級功能。如果選擇使用Elementor Pro,則需要購買許可證并在WordPress網(wǎng)站上安裝專業(yè)版。

Elementor 停留在加載屏幕上的錯誤:修復(fù)方法

Elementor 是一個功能強大且靈活的頁面構(gòu)建器,但有時可能會遇到Elementor卡在加載屏幕上的問題,有時小部件面板也可能無法加載。以下是詳細(xì)的修復(fù)方法和解決方案:

1. 確保沒有插件沖突

圖片[3]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

由于插件不兼容是導(dǎo)致Elementor加載卡頓的主要原因,建議從這里開始排查。以下是一些已知會與Elementor發(fā)生沖突的附加插件:

  • Elementor 高級插件
  • Elementor Kit Lite
  • 終極附加組件
  • 谷歌 XML 網(wǎng)站地圖
  • Elementor 附加元件
  • Elementor 的基本插件
  • 高級插件
  • 動力包元件
  • Elementor 免費版和專業(yè)版之間的沖突

禁用這些插件,看看問題是否消失。逐個激活插件并檢查Elementor是否正常工作,如果啟用某個插件后問題再次出現(xiàn),說明該插件就是問題所在。

2. 增加 PHP 內(nèi)存限制

Elementor 卡在加載屏幕上的一個常見原因是PHP內(nèi)存限制不足。默認(rèn)情況下,WordPress的內(nèi)存限制為40M,但Elementor至少需要64M,建議設(shè)置為128M。

圖片[4]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

更新 wp-config.php 文件,在/* That's all, stop editing! Happy publishing. */之前添加以下代碼:

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

然后返回到 wp-admin -> Elementor -> System Info 檢查更改是否已保存。

3. 禁用任何瀏覽器擴展程序

圖片[5]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

有時問題可能出在瀏覽器上。禁用所有瀏覽器擴展程序,看看問題是否解決。檢查是否有廣告攔截器或其它阻止腳本加載的插件。

4. 切換到默認(rèn) WordPress 主題

圖片[6]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

切換到默認(rèn)的WordPress主題(如Twenty Twenty-One),看看Elementor是否正常工作。如果問題解決,說明是主題導(dǎo)致的,聯(lián)系主題創(chuàng)建者尋求修復(fù)。

5. 增加服務(wù)器資源限制

有時服務(wù)器資源限制會導(dǎo)致問題,特別是共享主機賬戶。檢查cPanel中的資源使用情況,并聯(lián)系托管服務(wù)提供商增加資源限制。

圖片[7]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

6. 禁用未使用的小工具

禁用頁面上任何未使用的小工具和元素。進入Elementor編輯器,選擇小工具,點擊“???”圖標(biāo)暫時禁用它,看看問題是否解決。

7. 重新安裝 Elementor

停用并刪除WordPress儀表板上的Elementor插件,然后重新安裝和激活插件。確保備份網(wǎng)站數(shù)據(jù)以防在此過程中丟失數(shù)據(jù)。

8. 檢查 WordPress 地址(URL)和網(wǎng)站地址(URL)

確保WordPress地址(URL)和網(wǎng)站地址(URL)一致。進入WordPress儀表板中的設(shè)置 > 常規(guī),確認(rèn)兩個字段是否相同。

圖片[8]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

9. 修復(fù)混合 HTTPS

確保整個網(wǎng)站(包括Elementor資產(chǎn))都是通過HTTPS加載。更新WordPress地址和網(wǎng)站地址,使其使用“https://”。確保所有Elementor頁面和資產(chǎn)使用安全URL。

10. 進行硬刷新

在Windows上按 Ctrl + F5,在Mac上按 Cmd + Shift + R 進行硬刷新,清除緩存文件并重新加載頁面。

11. 禁用安全插件

暫時禁用任何安全插件,看看問題是否解決。如果問題消失,重新配置安全設(shè)置或?qū)ふ遗cElementor兼容的替代方案。

12. 檢查網(wǎng)站健康狀況和插件

使用WordPress中的“站點健康”功能識別潛在問題。安裝Query Monitor插件,分析網(wǎng)站性能,找出影響Elementor加載的因素。

圖片[9]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

13. 關(guān)閉緩存和性能插件

暫時停用緩存或性能優(yōu)化插件,如W3 Total Cache、WP Super Cache或Autoptimize,看看問題是否解決。

14. 重新生成 CSS 和數(shù)據(jù)

圖片[10]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

進入WordPress儀表板,導(dǎo)航到 Elementor > 工具,重新生成CSS或清除數(shù)據(jù)緩存。

15. 開關(guān)托管

如果其它方法無效,請考慮更換托管服務(wù)提供商或升級托管計劃,確保服務(wù)器配置滿足Elementor的要求

16. 修改編輯器的加載方法

在WordPress儀表板中進入 Elementor > 設(shè)置 > 高級,找到更改編輯器加載方法的選項,啟用該選項后檢查編輯器是否能正確加載。

17. 使用 Elementor 安全模式

導(dǎo)航至 Elementor > 工具 > 常規(guī) 選項卡,啟用安全模式,暫時停用所有插件并切換到默認(rèn)的WordPress主題。

圖片[11]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

18. 調(diào)查防火墻設(shè)置

圖片[12]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

檢查防火墻設(shè)置,確保必要的端口已打開,允許使用Elementor腳本。將與Elementor相關(guān)的域名或IP地址列入白名單。

19. 運行 Elementor 健康檢查

Elementor > 工具 > 健康檢查 選項卡,運行各種測試,找出與服務(wù)器配置、兼容性或與其他插件或主題沖突相關(guān)的問題。

圖片[13]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

20. 啟用 WP_DEBUG 以記錄錯誤日志

編輯 wp-config.php 文件,將 WP_DEBUG 設(shè)置為 true,記錄錯誤日志,幫助找出具體問題:

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

21. 暫時禁用 ModSecurity

禁用服務(wù)器上的ModSecurity規(guī)則,看看是否是它們導(dǎo)致了Elementor的問題。使用主機提供商的控制面板或聯(lián)系主機支持人員。

22. 查看 JavaScript 控制臺是否有錯誤

打開瀏覽器的開發(fā)工具(F12),導(dǎo)航到“控制臺”選項卡,查看加載Elementor時可能出現(xiàn)的JavaScript錯誤或警告,解決相關(guān)問題。

圖片[14]-如何解決 Elementor 加載卡頓問題:詳細(xì)指南-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

23. 檢查數(shù)據(jù)庫是否損壞

使用數(shù)據(jù)庫管理工具或插件掃描并識別WordPress數(shù)據(jù)庫中的潛在損壞,修復(fù)任何損壞的表格后重新嘗試訪問Elementor。

24. 恢復(fù)網(wǎng)站備份

通過主機提供商的控制面板或備份插件恢復(fù)網(wǎng)站備份,選擇Elementor出現(xiàn)問題之前的備份版本。

25. 其它雜項問題

  • PHP 版本:如果系統(tǒng)運行的是PHP 8,請嘗試降級到PHP 7。
  • 權(quán)限:確保Elementor擁有下載Globals的權(quán)限,聯(lián)系托管公司解決403錯誤代碼。
  • 緩存問題:確保已禁用服務(wù)器緩存、Cloudflare或Rocketloader。
  • 檢查控制臺中的錯誤:使用瀏覽器的開發(fā)工具檢查JavaScript錯誤。
  • 暫時禁用CDN:禁用CDN,檢查是否導(dǎo)致加載問題。

總結(jié):

Elementor是一個功能強大且靈活的頁面構(gòu)建器,但在使用過程中可能會遇到加載卡頓或小工具面板無法加載的問題。這些問題可能由插件沖突、服務(wù)器資源不足或瀏覽器擴展引起。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:xiesong
THE END
喜歡就支持一下吧
點贊0 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容