這篇文章最後更新日期:2024 年 12 月 26 日
作者: Mack Chan
這篇教學提供數種方法,協助新手解決使用 Elementor 頁面編輯器 在載入編輯器時,關於 Elementor 的功能面板 (Widget Panel) 不斷的「轉圈圈和無法載入」,等再久都是「空轉」狀態。由於每位站長網站所使用的 WordPress 主機商都不相同,無法一概而論。
但我們發現常見都是因為「網站主機的資源不足」而引起這類錯誤,我們明白新手遇上這類問題會感到沮喪和不滿,但請放心,一般都不屬於無法解決的問題。
相關網站連結:
Elementor 官方網站
Elementor:解決小工具面板無法運作
Youtube 教學影片:
影片長度: | 12 分鐘 |
語言: | 國語 |
字幕: | 繁體中文 |
為什麼 Elementor 會無法載入?
根據常見的觀察,從大部分「已經解決」這個問題的新手回覆,一般都是購買比較低階的網站主機架設網站,例如 GoDaddy、Bluehost 或 A2 Hosting 等等,主機商限制了初始的記憶體資源,導致無法使用「較消耗資源」的外掛,例如論壇、會員系統、遊戲或像 Elementor 這類外掛。
反而很少發生在資源較充裕的 VPS 主機。所以我們得出初步結論,Elementor 不能在太低階的主機,獲得良好的使用體驗,新手買主機之前,不妨參考下方 Elementor 官方的建議規格。
WordPress 版本 | 6.3 或以上 |
PHP 版本 | 7.4 或以上 |
MySQL MariaDB | 5.6 或以上 10.5 或以上 |
記憶體 (Ram) 最低要求是 256 MB 512 MB 有良好體驗 | 256 MB 512 MB 768 MB |
什麼是虛擬主機和 VPS 主機的資源限制?
如果是 VPS 的用家,相信已經俱備自行調整主機效能和參數的能力,所以本篇教學的對象並非他們,但下方有提供相關的參數設定值供自行調整。另一邊,絕大部分新手使用的都是「虛擬主機」,就是常見月費約 $5 ~ $10 美金左右的主機計劃,都屬於虛擬主機或共享主機,例如 GoDaddy、Bluehost 或 A2 Hosting 的用戶等等。
虛擬主機或共享主機的最主要特色是對網站主機的資源設有限制,為了賺取更多用戶收入,主機商把硬碟空間、訪客流量頻寬、記憶體 (RAM) 或中央處理器 (CPU) 的資源設得「非常少」,這就導致本次教學討論的問題,例如記憶體太小,無法啟用 Elementor 頁面編輯器。
如何聯絡主機商,提升網站主機的記憶體限制 (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 官方能控制的因素影響
像 Cloudflare 或 Google 這類提供跨國服務的國際機構,是不少應用程式和外掛很經常引用他們的程式函式庫或 CDN 應用。在部分因為政治原因拒絕提供服務的國家或地區,例如中國、俄羅斯、北韓或非民主國家,當地的 Elementor 使用者可能無法順利存取所有服務。舉例:Elementor 裡的 Google Font 服務在中國是無法使用。
盡量禁用 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 的製作內容的頻率和應用範圍
常見的網站類型,其實 (頁面 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 編輯器,那你就不要再用那個外掛,這個排除的過程就完成,不過相當消耗時間和心力。
參考資料和引用文獻:
我們提供市場上最新的網站架設
新聞、教學和相關知識,我們不會向用戶
發送垃圾和推廣內容,而你可以隨時「取消訂閱」。
WordPress 學員人數
15,000+ 人 (持續增加之中)
增加Memory Limit真的解決了轉圈圈的問題!
大感謝!
您好,不客氣,增記憶體限制 (Memory Limit) 是 Elementor 頁面編輯器官方推薦的做法。