fbpx
了解 Elementor 編輯器最新優惠

如何解決 Elementor 轉圈圈和無法載入?數種常見的解決方法

篇教學提供數種方法,協助新手解決使用 Elementor 頁面編輯器 在載入編輯器時,關於 Elementor 的功能面板 (Widget Panel) 不斷的「轉圈圈和無法載入」,等再久都是「空轉」狀態。由於每位站長網站所使用的 WordPress 主機商都不相同,無法一概而論。但我們發現常見都是因為「網站主機的資源不足」而引起這類錯誤,我們明白新手遇上這類問題會感到沮喪和不滿,但請放心,一般都不屬於無法解決的問題。

Youtube 教學影片:

影片長度:12 分鐘
語言:國語
字幕:繁體中文

為什麼 Elementor 會無法載入?

為什麼 Elementor 會無法載入?
為什麼 Elementor 會無法載入?

根據常見的觀察,從大部分「已經解決」這個問題的新手回覆,一般都是購買比較低階的網站主機架設網站,例如 GoDaddyBluehostA2 Hosting 等等,主機商限制了初始的記憶體資源,導致無法使用「較消耗資源」的外掛,例如論壇、會員系統、遊戲或像 Elementor 這類外掛。反而很少發生在資源較充裕的 VPS 主機。所以我們得出初步結論,Elementor 不能在太低階的主機,獲得良好的使用體驗,新手買主機之前,不妨參考下方 Elementor 官方的建議規格

WordPress 版本5.2 或以上
PHP 版本7.0 或以上
MySQL 5.6 或以上
記憶體 (Ram)
最低要求是 128 MB
512 MB 有良好體驗
128 MB
256 MB
512 MB

什麼是虛擬主機和 VPS 主機的資源限制?

什麼是虛擬主機和 VPS 主機的資源限制?
什麼是虛擬主機和 VPS 主機的資源限制?

如果是 VPS 的用家,相信已經俱備自行調整主機效能和參數的能力,所以本篇教學的對象並非他們,但下方有提供相關的參數設定值供自行調整。另一邊,絕大部分新手使用的都是「虛擬主機」,就是常見月費約 $5 ~ $10 美金左右的主機計劃,都屬於虛擬主機或共享主機,例如 GoDaddyBluehostA2 Hosting 的用戶等等。

虛擬主機或共享主機的最主要特色是對網站主機的資源設有限制,為了賺取更多用戶收入,主機商把硬碟空間、訪客流量頻寬、記憶體 (RAM) 或中央處理器 (CPU) 的資源設得「非常少」,這就導致本次教學討論的問題,例如記憶體太小,無法啟用 Elementor 頁面編輯器

如何聯絡主機商,提升網站主機的記憶體限制 (Memory Limit)?

如何聯絡主機商,提升網站主機的記憶體限制 (Memory Limit)?
如何聯絡主機商,提升網站主機的記憶體限制 (Memory Limit)?

一般新手使用的虛擬主機,都有提供免費的線上客戶服務 (Live Chat),請前往你購買主機的服務供應商和提交工單給他們,一般只需要使用簡單的英語,我們下方提供關鍵語句供你複制貼上。

例如:
Dear Sir/Madam
Could you please help us increase the memory limit to 256MB or 512MB? and setting the PHP 7 and MySQL 5.6 or Greater, thank you.

推薦新手聯絡網站主機商的客戶服務處理 (免費),不要自己嚐試變更系統檔案參數

推薦新手聯絡網站主機商的客戶服務處理,不要自己嚐試變更系統檔案參數
推薦新手聯絡網站主機商的客戶服務處理 (免費),不要自己嚐試變更系統檔案參數

為什麼「不推薦」新手自己手動提升網站主機的記憶體限制?因為如果沒有相關技術背景,有機會弄壞自己的網站,如果沒有備份和還原的準備工作,這實在是一項高風險的工作。所以既然你已經支付了虛擬主機的年費,何不使用他們的免費服務呢?加上他們又是這方面的工程師和專家,實在比我們熟練太多了。

如何自己手動提升網站主機的記憶體限制 (Memory Limit)?

編輯你的 wp-config.php 檔案:

新增以下的函數定義 (Define) 的值;複制貼上即可,後方的值就是提高記憶體的上限,下方是 512M 代表希望提高至 512 MB,常見也有 128 MB 或 256 MB,不過不少主機商 (Web Hosting) 其實有設定上限,不是你想要多高就多高。

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

備注:WordPress 記憶體可能與主機伺服器不盡相同,但不論伺服器的記憶體設置如何,您都需要進行設置。


編輯你的 PHP.ini 檔案:

如果你有權限修改 PHP.ini 檔案,請變更以下行數的數值,如果你看到是 64M,請嚐試提高至 256M 或 512M 會有更好表現:

memory_limit = 256M ; Maximum amount of memory a script may consume (64MB)

編輯你的 .htaccess 檔案:

如果你沒有權限修改 PHP.ini,那沒辦法,只能去試試修改 .htaccess 檔案:

php_value memory_limit 256M

如果仍然無法解決問題?有那些常見的相關解決方法?

如果仍然無法解決問題?有那些常見的相關解決方法?
如果仍然無法解決問題?有那些常見的相關解決方法?

雖然我們經常提醒 減少依賴 Elementor 的好處 和解決方案,但引起 Elementor 問題的源頭實在太多,其實「大部分」是第三方外掛引起的問題,這變成一個死胡同。

這種「生態系統」引起的背鍋事件,其實跟 WordPress 讓人產生的誤解類似。很多人批評 WordPress 的「安全性不足」,但其實 WordPress 核心程式滿安全,也更新很頻繁和不停測試。但因為「第三方外掛」引起的資安和入侵事件,一般人會歸究在「WordPress 身上」,但其實跟據數據,由 WordPress 核心程式引起的漏洞是非常少。

外掛衝突問題,啟用「安全模式」排除問題外掛

外掛衝突問題,啟用「安全模式」排除問題外掛
外掛衝突問題,啟用「安全模式」排除問題外掛

啟用「安全模式」來排除問題外掛是常用的方法,將除了「Elementor」以外的所有外掛停用,只保留下 Elementor 啟用狀態。這時你新增一個頁面,看看能否順利啟用 Elementor 編輯器,是否已經不會再出現轉圈圈和無法載入的情況?如果是的話,你再逐個外掛啟用,並重複載入編輯器,直到你發現「某一個外掛啟用後」,就無法使用 Elementor 編輯器,那你就不要再用那個外掛,這個排除的過程就完成,不過相當消耗時間和心力。

網頁瀏覽器擴充功能影響因素

網頁瀏覽器擴充功能影響因素
網頁瀏覽器擴充功能影響因素

這種引起外掛衝突的可能性比較低,但不能排除這類可能性。可以安裝多數種網頁瀏覽器作測試,確保可以排除網頁瀏覽器擴充功能的影響因素。因為 Elementor 官方沒可能測試所有 Chrome 的線上應用程式的相容性。

非 Elementor 官方能控制的因素影響

非 Elementor 官方能控制的因素影響
非 Elementor 官方能控制的因素影響

像 Cloudflare 或 Google 這類提供跨國服務的國際機構,是不少應用程式和外掛很經常引用他們的程式函式庫或 CDN 應用。在部分因為政治原因拒絕提供服務的國家或地區,例如中國、俄羅斯、北韓或非民主國家,當地的 Elementor 使用者可能無法順利存取所有服務。舉例:Elementor 裡的 Google Font 服務在中國是無法使用。

盡量禁用 Elementor 的增強型外掛 (Addons)

盡量禁用 Elementor 的增強型外掛 (Addons)
盡量禁用 Elementor 的增強型外掛 (Addons)

雖然 Elementor 官方有提供一份增強型外掛 (Addons) 清單,但以下這份清單官方也有「特別提醒」,就是 Elementor 官方沒有跟他們是合作關係,任何以下外掛出現的錯誤和做成的損失,跟官方是無關的,使用者安裝第三方的增強型外掛 (Addons),站長要自行承擔相關的責任。

下方這類擴展功能的外掛,請盡量不要安裝「多於 1 個」,不然引起外掛衝突的機率會大大提升,不在以下官方列表的,就最好不要使用。

  • Essential Addons
  • Ultimate Addons
  • Premium Addons
  • Dynamic.ooo
  • ElementsKit
  • Happy Addons
  • Unlimited Elements
  • PowerPack
  • Envato Elements
  • OoohBoi Steroids
  • Mighty Addons
  • The Plus Addons
  • Visibility Logic
  • Prime Slider
  • Royal Elementor Addons
  • HT Mega
  • Element Pack
  • Magazinify
  • WunderWP
  • Designer Powerup
  • Dynamic Visibility
  • Move Addons
  • ToolKit For Elementor

減少依賴 Elementor 的製作內容的頻率和應用範圍

減少依賴 Elementor 的製作內容的頻率和應用範圍
減少依賴 Elementor 的製作內容的頻率和應用範圍

常見的網站類型,其實 (頁面 Page) 的數量有限,一般落在 5 至 30 頁左右,包含「關於我們」、「聯絡我們」、「服務介紹」、「價目表」、「節日活動頁 Landing Page」之類,這些頁面可以使用頁面編輯器或區塊編輯器也可以。但我們比較關心是佔了網站很大比例的「文章 Post」,除非你是不希望經營 內容行銷 (Content Marketing) 或 集客式行銷 (Inbound Marketing),不然你的文章數量會不斷提升,如果使用頁面編輯器建構文章,會加重資料庫和主機的負擔,網站有機會會變得愈來愈慢。請使用和推薦透過《區塊編輯器》去撰寫你所有的文章,這是未來的趨勢,也是正規和標準的做法。

常見問題 FAQ

如何聯絡主機商,提升網站主機的記憶體限制 (Memory Limit)?

一般新手使用的虛擬主機,都有提供免費的線上客戶服務 (Live Chat),請前往你購買主機的服務供應商和提交工單給他們,一般只需要使用簡單的英語,我們下方提供關鍵語句供你複制貼上。
例如:
Dear Sir/Madam
Could you please help us increase the memory limit to 256MB or 512MB? and setting the PHP 7 and MySQL 5.6 or Greater, thank you.

外掛衝突問題,啟用「安全模式」排除問題外掛

啟用「安全模式」來排除問題外掛是常用的方法,將除了「Elementor」以外的所有外掛停用,只保留下 Elementor 啟用狀態。這時你新增一個頁面,看看能否順利啟用 Elementor 編輯器,是否已經不會再出現轉圈圈和無法載入的情況?如果是的話,你再逐個外掛啟用,並重複載入編輯器,直到你發現「某一個外掛啟用後」,就無法使用 Elementor 編輯器,那你就不要再用那個外掛,這個排除的過程就完成,不過相當消耗時間和心力。

參考資料和引用文獻:

我們提供市場上最新的網站架設新聞、教學和相關知識,我們不會向用戶發送垃圾和推廣內容,而你可以隨時「取消訂閱」。

學員人數:7,800+ 人 (持續增加之中)

中文語系的 WordPress - Facebook 社團列表

在〈如何解決 Elementor 轉圈圈和無法載入?數種常見的解決方法〉中有 1 則留言

發表您的留言

加入我們的免費 WordPress 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術