Elementor ไม่โหลด? 8 วิธีแก้ไขทันที

เผยแพร่แล้ว: 2023-04-27


Elementor ไม่โหลดบนเว็บไซต์ของคุณหรือไม่?

สิ่งนี้อาจเกิดขึ้นได้จากหลายสาเหตุ รวมถึงความขัดแย้งของปลั๊กอิน หน่วยความจำ PHP เหลือน้อย และปัญหาเซิร์ฟเวอร์โฮสติ้ง

เหตุใด Elementor จึงไม่โหลดบนไซต์ของคุณ

เมื่อ Elementor ไม่โหลดบนไซต์ของคุณ คุณจะพบกับสถานการณ์ต่อไปนี้:

  • หน้าว่างที่โลโก้ Elementor กะพริบไม่สิ้นสุด
  • วิดเจ็ตทางด้านซ้ายของหน้าจอเป็นสีเทาและพยายามโหลด

ในทั้งสองกรณี คุณไม่สามารถเข้าถึงพื้นที่เนื้อหาของโพสต์หรือเพจได้

องค์ประกอบไม่โหลด

แม้ว่าจะมีสาเหตุหลายประการที่ทำให้ Elementor ไม่สามารถโหลดได้ แต่สาเหตุที่พบบ่อยที่สุดคือ ความขัดแย้งของปลั๊กอินหรือธีม หมายความว่าปลั๊กอินหรือธีมที่ติดตั้งบนไซต์ของคุณขัดแย้งกับโค้ดของ Elementor

อีกสาเหตุหนึ่งที่ทำให้ Elementor ไม่สามารถโหลดได้คือเซิร์ฟเวอร์ของคุณมี หน่วยความจำ PHP ต่ำ

ขีดจำกัดหน่วยความจำ PHP หมายถึงจำนวนหน่วยความจำเซิร์ฟเวอร์สูงสุดที่สคริปต์ PHP แต่ละตัวได้รับอนุญาตให้ใช้ ข้อจำกัดนี้ช่วยป้องกันไม่ให้สคริปต์ที่เขียนไม่ดีกินหน่วยความจำที่มีอยู่ทั้งหมดบนเซิร์ฟเวอร์ อย่างไรก็ตาม ไม่ใช่ว่าปลั๊กอินหรือธีมทั้งหมดที่ต้องใช้มากกว่าหน่วยความจำ PHP มาตรฐานจะเขียนได้ไม่ดี

สาเหตุที่พบได้น้อยสำหรับ Elementor ที่ไม่โหลด ได้แก่ ปัญหาทางเทคนิค จากจุดสิ้นสุดของผู้ให้บริการโฮสติ้งของคุณ ความขัดแย้งกับส่วนขยายของเบราว์เซอร์ ความขัดแย้งกับ เครือข่ายการส่งเนื้อหา (CDN) เช่น Cloudflare เป็นต้น

ตอนนี้คุณคงเข้าใจแล้วว่าเหตุใด Elementor จึงไม่ทำงานบนไซต์ของคุณ มาลองแก้ไขกัน

วิธีแก้ไขปัญหา Elementor ที่ไม่โหลด: เคล็ดลับการแก้ปัญหา 9 ข้อ

ในการแก้ไขปัญหา คุณต้องทำตามขั้นตอนต่อไปนี้ทีละขั้นตอน:

  1. ล้างแคชของเบราว์เซอร์ของคุณ
  2. อัปเดต Elementor – ทั้งฟรีและ Pro (หากใช้ทั้งสองอย่าง)
  3. ปิดใช้งานปลั๊กอินและธีม
  4. เปลี่ยนไปใช้เบราว์เซอร์อื่นหรือปิดใช้งานส่วนขยายทั้งหมด
  5. ปิดใช้งาน Cloudflare Rocket Loader และล้างแคช หากคุณใช้ CDN ของ Cloudflare
  6. อัปเกรดเป็น PHP เวอร์ชันล่าสุด
  7. เพิ่มขีดจำกัดหน่วยความจำ PHP
  8. ปิดใช้งานตัวโหลดธีมล่วงหน้า
  9. ขอความช่วยเหลือจากฝ่ายสนับสนุน Elementor

ก่อนที่เราจะลงลึกในแต่ละขั้นตอนเหล่านี้ ให้สำรองข้อมูลไซต์ของคุณก่อน คุณจะทำการแก้ไขไซต์ของคุณซึ่งมีความเสี่ยงและคุณอาจจบลงด้วยเว็บไซต์ที่เสียหาย ดังนั้นให้ทำการสำรองข้อมูลทั้งไซต์ของคุณก่อนดำเนินการต่อ

1. ล้างแคชของเบราว์เซอร์

เมื่อใดก็ตามที่คุณประสบปัญหาบนเว็บไซต์ สิ่งแรกที่คุณควรลองคือการล้างแคชของเบราว์เซอร์

แคชของเบราว์เซอร์จัดเก็บไฟล์เว็บไซต์บางไฟล์ไว้ในเครื่องเพื่อปรับปรุงประสิทธิภาพ แต่ถ้าไฟล์เว็บไซต์เหล่านี้ล้าสมัย มันอาจทำให้เกิดปัญหาแปลกๆ ทุกประเภทในเว็บไซต์ของคุณ

เรามีคำแนะนำที่แสดงวิธีล้างแคชของเบราว์เซอร์สำหรับเบราว์เซอร์ยอดนิยมทั้งหมด

หากคุณใช้ Chrome วิธีล้างแคชของเบราว์เซอร์มีดังนี้

  1. คลิกที่ไอคอน "สามจุด" ที่มุมขวาบน
  2. ขยายเมนูย่อย เครื่องมือเพิ่มเติม ในเมนูแบบเลื่อนลงที่ปรากฏขึ้น
  3. คลิก ล้างข้อมูลการท่องเว็บ
  4. เลือก รูปภาพและไฟล์แคช ในป๊อปอัปที่ปรากฏขึ้น
  5. คลิก ล้างข้อมูล
การล้างแคชของเบราว์เซอร์ Chrome

จากนั้น เปิดไซต์ของคุณเพื่อดูว่า Elementor กำลังโหลดอย่างถูกต้องหรือไม่ หากไม่เป็นเช่นนั้น ให้ลองวิธีแก้ไขปัญหาถัดไป

2. อัปเดต Elementor

เป็นที่ทราบกันดีว่าปลั๊กอินที่ล้าสมัยทำให้เกิดความขัดแย้งกับปลั๊กอินอื่นๆ และแกนหลักของ WordPress หากมีการอัปเดต ให้อัปเดตปลั๊กอิน Elementor

อย่าลืมอัปเดตทั้ง Elementor และ Elementor Pro เวอร์ชันฟรี หากคุณใช้ปลั๊กอินทั้งสอง

3. ปิดใช้งานปลั๊กอินและธีม

ความขัดแย้งของปลั๊กอินและธีมเป็นสาเหตุอันดับหนึ่งที่อยู่เบื้องหลังปัญหา “องค์ประกอบไม่โหลด”

มีโอกาสที่ดีที่ปัญหา Elementor บนไซต์ของคุณเกิดจากปลั๊กอินหรือธีมที่ติดตั้งบนไซต์ของคุณ

มีปลั๊กอินหรือธีมหลายตัวที่ทราบว่าเข้ากันไม่ได้กับตัวสร้างเพจ คุณสามารถค้นหาได้ที่กล่าวถึงที่นี่ ดูว่ามีการติดตั้งปลั๊กอินหรือธีมเหล่านี้บนเว็บไซต์ของคุณหรือไม่ หากคุณพบการจับคู่ ให้ถอนการติดตั้งซอฟต์แวร์ทันที

หากคุณไม่พบสิ่งที่ตรงกัน ปัญหา Elementor อาจไม่ได้เกิดจากปลั๊กอินหรือธีมที่ขัดแย้งกัน! คุณต้องปิดการใช้งานทุกธีมและปลั๊กอินที่ติดตั้งบนไซต์ของคุณ

ต่อไปนี้เป็นเคล็ดลับในการวินิจฉัยปัญหาความเข้ากันได้ของธีมหรือปลั๊กอินที่อาจทำให้ Elementor ไม่โหลดข้อผิดพลาด

เปิดใช้งานเซฟโหมด

ในการเริ่มต้น คุณจะต้องเปิดใช้งาน Safe Mode ของ Elementor :

  1. เปิดแดชบอร์ด WordPress ของคุณ
  2. ไปที่ Elementor → Tools → General → Safe Mode
  3. เลือกปุ่ม เปิดใช้งาน จากเมนูแบบเลื่อนลง Safe Mode

จากนั้นเปิดเพจหรือโพสต์และตรวจสอบว่า Elementor ทำงานอยู่หรือไม่

เปิดใช้งานโหมดปลอดภัยของ elementor

ค้นหาปลั๊กอินหรือธีมของผู้ร้าย

หาก Elementor ยังไม่ทำงาน แสดงว่าไม่ใช่ปัญหาของปลั๊กอินหรือธีม เราขอแนะนำให้ข้ามไปที่ขั้นตอนที่ 4 ทันที อย่างไรก็ตาม หาก Elementor กำลังโหลดอยู่ แสดงว่าปลั๊กอินหรือธีมตัวใดตัวหนึ่งของคุณเป็นตัวการ คุณจะต้องค้นหาและนำออกจากเว็บไซต์ของคุณ

ซึ่งทำได้โดยการปิดใช้งานปลั๊กอินทุกตัวที่ติดตั้งบนไซต์ของคุณ จากนั้นเปิดใช้งานทีละรายการ

แต่ก่อนอื่น ให้ปิดการใช้งาน Elementor Safe Mode

จากนั้นไปที่ Plugins → Installed Plugins แล้วเลือก ทุกปลั๊กอิน ที่ติดตั้งบนไซต์ของคุณ เลือกตัวเลือก ปิดใช้งาน จากเมนูแบบเลื่อนลงแล้วกดปุ่ม ใช้

ปิดใช้งานปลั๊กอินทั้งหมด - องค์ประกอบหรือไม่ได้โหลด

จากนั้นเริ่มเปิดใช้งานปลั๊กอินทีละรายการ

ทุกครั้งที่คุณเปิดใช้งานปลั๊กอิน ให้เปิดโพสต์หรือเพจและตรวจดูว่า Elementor กำลังโหลดอยู่หรือไม่

หากคุณทำงานผ่านปลั๊กอินแล้ว แต่ไม่สามารถระบุปลั๊กอินที่ทำให้เกิดข้อผิดพลาดในการโหลด Elementor แสดงว่าผู้ร้ายน่าจะเป็นธีมที่ใช้งานอยู่บนไซต์ของคุณ

หากต้องการปิดใช้งานธีมที่ใช้งานอยู่ ให้ไปที่ ลักษณะที่ปรากฏ → ธีม และ เปิดใช้งานธีมอื่น ๆ โดยเฉพาะอย่างยิ่งหนึ่งในธีม WordPress เช่น Twenty Twenty One, Twenty Nineteen เป็นต้น

เปิดใช้งานธีม wordpress เริ่มต้น

4. สลับเบราว์เซอร์หรือปิดใช้งานส่วนขยาย

ปัญหาการโหลด Elementor เกิดจากส่วนขยายที่ติดตั้งบนเบราว์เซอร์ของคุณ

เราขอแนะนำให้เปิดไซต์บนเบราว์เซอร์อื่น โดยควรเป็นเบราว์เซอร์ที่ไม่ได้ติดตั้งส่วนขยาย

แต่ถ้าคุณไม่มีเบราว์เซอร์โดยไม่ได้ติดตั้งส่วนขยายใดๆ ให้ปิดใช้งานส่วนขยายชั่วคราวและตรวจสอบว่า Elementor กำลังโหลดบนไซต์ของคุณหรือไม่

หากต้องการจัดการส่วนขยายใน Chrome คุณสามารถวางส่วนขยายนี้ลงในแถบที่อยู่ของเบราว์เซอร์แล้วกด Enter – chrome://extensions/

วิธีปิดการใช้งานส่วนขยายของเบราว์เซอร์ Chrome เพื่อแก้ไข Elementor ที่ไม่โหลด

5. ปิดใช้งาน Rocket Loader ใน Cloudflare (หากใช้ Cloudflare)

หากคุณใช้ Cloudflare เพื่อเพิ่มความเร็วไซต์ Elementor ของคุณ เป็นที่ทราบกันดีว่าฟีเจอร์ Rocket Loader ของ Cloudflare ทำให้เกิดปัญหากับ Elementor ที่ไม่โหลด

ต่อไปนี้เป็นวิธีปิดการใช้งาน Cloudflare Rocket Loader:

  1. เปิดแดชบอร์ดของไซต์ของคุณใน Cloudflare
  2. ใช้แถบด้านข้างเพื่อเลือก การปรับให้เหมาะสม ภายใต้การตั้งค่า ความเร็ว
  3. เลื่อนลงไปที่ Rocket Loader
  4. ใช้ปุ่มสลับเพื่อปิดใช้งาน Rocket Loader
ปิดการใช้งาน Cloudflare Rocket Loader เพื่อแก้ไข Elementor ที่ไม่โหลด

นอกจากการปิดใช้งาน Rocket Loader แล้ว คุณควรพิจารณาปิดใช้งานการแคชของ Cloudflare หากคุณใช้งานอยู่ อย่างน้อยก็ในขณะที่คุณทำงานใน Elementor

หรือคุณสามารถลองล้างแคช Cloudflare แทนการปิดใช้งานได้ คุณสามารถทำได้โดยไปที่ Caching → Configuration ในแดชบอร์ด Cloudflare ของคุณแล้วคลิกปุ่ม Purge Everything

วิธีล้างแคช Cloudflare

6. อัปเกรดเป็น PHP เวอร์ชันล่าสุด

PHP เป็นภาษาโปรแกรมที่ WordPress สร้างขึ้น ปลั๊กอินและธีม WordPress ทั้งหมดมีข้อกำหนดของ PHP เพื่อให้ปลั๊กอิน Elementor ทำงานบนไซต์ WordPress คุณต้องมี PHP 7 ขึ้นไป

คุณสามารถตรวจสอบเวอร์ชัน PHP ของเว็บไซต์ได้โดยเปิดแดชบอร์ด WordPress และไปที่ Tools → Site Health

เวอร์ชัน php ของไซต์ wordpress - องค์ประกอบหรือไม่ได้โหลด

หากคุณต้องการอัปเดตเวอร์ชัน PHP ของคุณ ให้เปิดบัญชีโฮสติ้งของคุณ ไปที่ cPanel เลื่อนลงและเลือกตัวเลือก เลือกเวอร์ชัน PHP

ในหน้าถัดไป คุณควรพบตัวเลือกที่เรียกว่า เวอร์ชัน PHP ปัจจุบัน พร้อมเมนูแบบเลื่อนลง จากเมนู เลือก PHP เวอร์ชันล่าสุด แค่นั้นแหละ.

อัปเดตเวอร์ชัน php จาก cpanel

หากโฮสต์ของคุณไม่มี cPanel คุณสามารถติดต่อฝ่ายสนับสนุนของโฮสต์เพื่อขอความช่วยเหลือได้

7. เพิ่มขีดจำกัดหน่วยความจำ PHP

การเพิ่มขีด จำกัด หน่วยความจำ PHP อาจแก้ไขปัญหา Elementor ที่ไม่โหลด

มีสามวิธีในการเพิ่มขีดจำกัดหน่วยความจำ PHP:

  1. ไฟล์ wp-config.php
  2. ไฟล์ .htaccess
  3. ไฟล์ php.ini

เราจะแสดงวิธีแก้ไขไฟล์ wp-config.php หากคุณต้องการใช้ไฟล์ .htaccess หรือ php.ini แทน เรามีคำแนะนำแยกต่างหากสำหรับสิ่งนั้น

หากต้องการแก้ไขไฟล์ wp-config ให้เปิดบัญชี โฮสติ้ง และไปที่ cPanel → File Manager → public_html → wp-config.php

หากโฮสต์ของคุณไม่มี cPanel คุณสามารถเชื่อมต่อกับเซิร์ฟเวอร์ของคุณโดยใช้ FTP

คลิกขวาที่ไฟล์ wp-config.php แล้วเลือกปุ่ม แก้ไข ไฟล์จะเปิดขึ้นในแท็บอื่น มองหาประโยคนี้:

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

เพิ่มค่าตัวเลขเป็น 256M

หากคุณไม่พบส่วนย่อยของโค้ด ให้แทรกไว้เหนือบรรทัดนี้ – /* That's all, stop editing! Happy publishing. */ /* That's all, stop editing! Happy publishing. */

กดปุ่ม บันทึกการเปลี่ยนแปลง ที่ด้านบนของหน้าจอและออกจากไฟล์ ลองโหลด Elementor ทันที

เพิ่มขีด จำกัด หน่วยความจำ php ใน wpconfig

8. ปิดใช้งานตัวโหลดธีมล่วงหน้า

ตัวโหลดล่วงหน้าของธีมจะแสดงภาพการโหลด (โดยปกติจะเป็นภาพเคลื่อนไหว) ที่ช่วยให้ผู้เข้าชมทราบว่าเนื้อหากำลังโหลดอยู่ ตัวโหลดล่วงหน้าเหล่านี้ส่งผลเสียต่อ Elementor

ดังนั้นหากธีมของคุณมีตัวโหลดล่วงหน้า ให้ปิดใช้งาน

วิธีปิดใช้งานตัวโหลดล่วงหน้าของธีมจะขึ้นอยู่กับธีม บางธีมมีการตั้งค่าเฉพาะใน WordPress Customizer ในขณะที่บางธีมอาจกำหนดให้คุณเพิ่ม CSS snippet ที่กำหนดเองลงในไซต์ของคุณ

คุณสามารถสอบถามทีมสนับสนุนหรือทำเองโดยไปที่เว็บไซต์ของผู้พัฒนาธีมและค้นหาเอกสารช่วยเหลือเกี่ยวกับวิธีปิดใช้งานตัวโหลดล่วงหน้า

9. ขอความช่วยเหลือจากฝ่ายสนับสนุน Elementor

หากข้อผิดพลาด “Elementor ไม่โหลด” ยังคงอยู่ โปรดติดต่อทีมสนับสนุน Elementor และขอความช่วยเหลือ

บอกพวกเขาเกี่ยวกับขั้นตอนทั้งหมดที่คุณดำเนินการไปแล้วเพื่อแก้ปัญหา

พวกเขาควรจะสามารถเริ่มสร้างเพจและทำงานได้ในเวลาไม่นาน

แก้ไขข้อผิดพลาด Elementor ที่ไม่โหลดให้ดี

นี่คือสิ่งที่คุณต้องทำเมื่อ Elementor หยุดทำงาน:

  1. ล้างแคชของเบราว์เซอร์ของคุณ
  2. อัปเดต Elementor – ทั้งฟรีและ Pro (หากใช้ทั้งสองอย่าง)
  3. ปิดใช้งานปลั๊กอินและธีม
  4. เปลี่ยนไปใช้เบราว์เซอร์อื่นหรือปิดใช้งานส่วนขยายทั้งหมด
  5. ปิดใช้งาน Cloudflare Rocket Loader และล้างแคช หากคุณใช้ CDN ของ Cloudflare
  6. อัปเกรดเป็น PHP เวอร์ชันล่าสุด
  7. เพิ่มขีดจำกัดหน่วยความจำ PHP
  8. ปิดใช้งานตัวโหลดธีมล่วงหน้า
  9. ขอความช่วยเหลือจากฝ่ายสนับสนุน Elementor

สำหรับวิธีอื่นๆ ในการปรับปรุงประสบการณ์ Elementor ของคุณ คุณอาจสนใจบทสรุปของธีม Elementor ที่ดีที่สุดและปลั๊กอินเสริม Elementor ที่ดีที่สุด

หากคุณยังมีข้อสงสัยเกี่ยวกับข้อผิดพลาดในการโหลด Elementor ทิ้งความคิดเห็นไว้ด้านล่าง แล้วเราจะติดต่อกลับหาคุณ