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

เผยแพร่แล้ว: 2024-03-21

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

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

ข้อผิดพลาดอาจเกิดขึ้นได้อย่างไร

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

  • อินเทอร์เฟซของตัวแก้ไข Elementor ไม่สามารถโหลดได้อย่างสมบูรณ์ ส่งผลให้หน้าจอว่างเปล่า
  • หน้าจอการโหลดที่ไม่มีที่สิ้นสุดในตัวแก้ไข Elementor ซึ่งมักจะมาพร้อมกับวงล้อหมุนหรือแถบโหลด
  • ข้อความ “500 Internal Server Error” เมื่อพยายามเข้าถึงตัวแก้ไข Elementor
  • การโหลดตัวแก้ไข Elementor บางส่วน โดยที่องค์ประกอบหรือวิดเจ็ตบางอย่างไม่สามารถเข้าถึงได้หรือไม่สามารถแสดงผลได้อย่างถูกต้อง
  • ข้อผิดพลาดหรือคำเตือนในคอนโซล JavaScript ของเบราว์เซอร์ที่เกี่ยวข้องกับ Elementor ซึ่งมองเห็นได้เมื่อใช้เครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์

ข้อกำหนดขององค์ประกอบ

ปัญหานี้มักจะย้อนกลับไปที่ปัญหาฝั่งเซิร์ฟเวอร์หรือข้อขัดแย้งของปลั๊กอิน โดยเฉพาะอย่างยิ่งเซิร์ฟเวอร์ของคุณอาจไม่สอดคล้องกับข้อกำหนดการปฏิบัติงานของ Elementor อย่างสมบูรณ์ เมื่อพูดถึง Elementor มีข้อกำหนดเฉพาะของระบบที่ต้องปฏิบัติตามเพื่อให้ทำงานได้อย่างราบรื่น สิ่งเหล่านี้ไม่เกี่ยวกับพื้นที่จัดเก็บข้อมูล แต่เป็นสแต็คเทคโนโลยีพื้นฐานของสภาพแวดล้อม WordPress ของคุณ ต่อไปนี้เป็นรายละเอียดข้อกำหนดขั้นต่ำของ Elementor:

เวอร์ชัน WordPress : Elementor ต้องใช้ WordPress 5.2 หรือใหม่กว่าช่วยให้มั่นใจได้ถึงความเข้ากันได้กับคุณสมบัติ WordPress ล่าสุดและมาตรฐานความปลอดภัย ซึ่ง Elementor ใช้ประโยชน์จากฟังก์ชันการทำงาน

เวอร์ชัน PHP : ต้องใช้ PHP 7.0 หรือใหม่กว่าPHP เป็นภาษาสคริปต์ที่ WordPress สร้างขึ้น และเวอร์ชันที่ใหม่กว่ามีการปรับปรุงความเร็วและความปลอดภัยอย่างมาก

เวอร์ชัน MySQL : ฐานข้อมูลของคุณควรเป็น MySQL 5.6 หรือสูงกว่าElementor อาศัย MySQL สำหรับการจัดเก็บและการเรียกค้นข้อมูล และการใช้เวอร์ชันที่ล้าสมัยอาจทำให้เกิดปัญหาคอขวดด้านประสิทธิภาพหรือปัญหาความเข้ากันได้

ขีดจำกัดหน่วยความจำ WordPress : แนะนำให้ใช้หน่วยความจำขั้นต่ำ 128 MB สำหรับ WordPressElementor เป็นปลั๊กอินที่ใช้ทรัพยากรมากเนื่องจากมีการแสดงตัวอย่างสดและฟีเจอร์มากมาย ทำให้จำนวนเงินนี้จำเป็นต้องทำงานได้อย่างราบรื่นโดยไม่ล่มหรือช้าลง

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

สาเหตุที่เกิดข้อผิดพลาดนี้

ต่อไปนี้เป็นปัจจัยที่พบบ่อยที่สุดที่ทำให้ Elementor ไม่โหลดข้อผิดพลาด:

ข้อขัดแย้งของปลั๊กอิน : ปลั๊กอิน WordPress อื่น ๆ อาจรบกวน Elementor โดยเฉพาะอย่างยิ่งหากโหลด JavaScript หรือ CSS ที่ขัดแย้งกันกรณีนี้มักเกิดขึ้นกับปลั๊กอินแคช การรักษาความปลอดภัย หรือการเพิ่มประสิทธิภาพที่แก้ไขเอาต์พุตของเพจ

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

ซอฟต์แวร์ที่ล้าสมัย : การใช้ WordPress, Elementor หรือธีมที่ล้าสมัยอาจทำให้เกิดปัญหาความเข้ากันได้ซึ่งทำให้ Elementor ไม่สามารถโหลดได้อย่างถูกต้อง

ปัญหาเบราว์เซอร์ : ส่วนขยายของเบราว์เซอร์ เบราว์เซอร์ที่ล้าสมัย หรือพฤติกรรมเฉพาะของเบราว์เซอร์ก็อาจเป็นสาเหตุของปัญหาได้เช่นกัน โดยเฉพาะอย่างยิ่งหากสิ่งเหล่านั้นรบกวนการทำงานของ JavaScript

ขีดจำกัดหน่วยความจำ : WordPress มีขีดจำกัดหน่วยความจำ PHP และหากเว็บไซต์ของคุณเกินขีดจำกัดนี้ ก็อาจทำให้ Elementor และปลั๊กอินอื่นๆ ทำงานผิดปกติได้นี่เป็นเรื่องปกติโดยเฉพาะในไซต์ที่ซับซ้อนซึ่งมีการติดตั้งปลั๊กอินจำนวนมาก

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

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

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

อัปเดต Elementor และ WordPress

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

เอเลเมนท์

การอัปเดต Elementor ในแดชบอร์ด WordPress

  1. เข้าสู่แดชบอร์ด WordPress ของคุณ
  2. คุณจะเห็นเมนูทางด้านซ้ายมือ วางเมาส์เหนือ "ปลั๊กอิน" แล้วคลิก "ปลั๊กอินที่ติดตั้ง"
  3. ค้นหา Elementor และ Elementor Pro (หากคุณมีเวอร์ชันพรีเมียม) ในรายการปลั๊กอินที่ติดตั้ง หากมีการอัปเดตใหม่ ควรมีการแจ้งเตือนใต้ชื่อปลั๊กอิน
  4. คลิกที่ลิงค์เพื่ออัพเดตปลั๊กอิน

เวิร์ดเพรส

  1. กลับไปที่แดชบอร์ด WordPress ของคุณ โดยปกติคุณจะเห็นการแจ้งเตือนสำหรับการอัปเดตหลักของ WordPress ที่ด้านบนของแดชบอร์ดหรือในส่วนการอัปเดต
  2. คลิกที่การแจ้งเตือนและปฏิบัติตามคำแนะนำเพื่ออัปเดต WordPress

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

ตรวจสอบความขัดแย้งของปลั๊กอินกับ Elementor

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

การใช้สภาพแวดล้อมการแสดงละคร

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

ผู้ให้บริการโฮสติ้งหลายรายเสนอความสามารถของไซต์ชั่วคราวโดยเป็นส่วนหนึ่งของแพ็คเกจโฮสติ้งของตน

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

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

10สภาพแวดล้อมการจัดเตรียมเว็บ

ทดสอบปลั๊กอินทีละตัว

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

หน้าปลั๊กอินใน WordPress พร้อมปิดใช้งานไฮไลต์

  1. เข้าถึงแดชบอร์ด WordPress ของไซต์ชั่วคราวของคุณ และไปที่ “ปลั๊กอิน” > “ปลั๊กอินที่ติดตั้ง”
  2. ปิดใช้งานปลั๊กอินทีละรายการ โดยเริ่มจากปลั๊กอินที่มีฟังก์ชันคล้ายกับ Elementor หรือเป็นที่รู้กันว่าซับซ้อนหรือใช้ทรัพยากรมาก
  3. หลังจากการปิดใช้งานแต่ละครั้ง ให้พยายามโหลดตัวแก้ไข Elementor หากตัวแก้ไขโหลดได้สำเร็จหลังจากปิดใช้งานปลั๊กอินบางตัว คุณอาจพบสาเหตุของความขัดแย้งแล้ว
  4. เอกสารที่ทดสอบปลั๊กอินและผลลัพธ์ ข้อมูลนี้จะมีประโยชน์หากคุณต้องการติดต่อฝ่ายสนับสนุนหรือแก้ไขปัญหาเพิ่มเติมในขั้นตอนสุดท้าย

ทางเลือกอื่น: การปิดใช้งานจำนวนมาก

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

การใช้การดำเนินการแบบกลุ่มเพื่อปิดใช้งานปลั๊กอินทั้งหมด

  1. ไปที่แดชบอร์ดผู้ดูแลระบบ WordPress ของเว็บไซต์ของคุณ
  2. คลิกที่ปลั๊กอินและตรวจสอบให้แน่ใจว่าได้ทำเครื่องหมายในช่องถัดจากปลั๊กอินแล้ว
  3. ยกเลิกการทำเครื่องหมายที่ช่องด้านหน้า Elementor และ Elementor Pro
  4. คลิกที่เมนูแบบเลื่อนลงการดำเนินการเป็นกลุ่มและเลือกปิดใช้งาน

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

ส่วนเสริม Elementor

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

อัปเดตเวอร์ชัน PHP ของคุณ

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

กำลังตรวจสอบเวอร์ชัน PHP ปัจจุบันของคุณ

ก่อนที่จะพิจารณาการอัปเดต คุณควรพิจารณาเวอร์ชัน PHP ที่เว็บไซต์ของคุณใช้งานอยู่ก่อน WordPress ทำให้สิ่งนี้เป็นเรื่องง่าย:

ตรวจสอบเวอร์ชัน PHP ใน WordPress

  1. ไปที่แดชบอร์ด WordPress ของคุณ
  2. จากเมนูด้านซ้ายมือ เลือก “เครื่องมือ” > “สุขภาพเว็บไซต์”
  3. สลับไปที่แท็บข้อมูลที่ด้านบนของหน้าสุขภาพไซต์ แท็บนี้ให้รายละเอียดทางเทคนิคมากมายเกี่ยวกับเว็บไซต์ของคุณ
  4. ขยายส่วนเซิร์ฟเวอร์ ที่นี่ คุณจะพบข้อมูลเกี่ยวกับเว็บเซิร์ฟเวอร์ของคุณ รวมถึงเวอร์ชัน PHP ที่ใช้งานอยู่

ตามหลักการแล้ว ควรเป็น PHP 7 หรือ 8 เนื่องจากเวอร์ชันเหล่านี้ให้ความสมดุลที่ดีที่สุดระหว่างประสิทธิภาพและความเข้ากันได้

กำลังอัปเดตเวอร์ชัน PHP ของคุณ

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

10ผู้ใช้เว็บ

การเปลี่ยนเวอร์ชัน PHP ใน 10Web

  1. เข้าสู่ระบบแดชบอร์ด 10Web ของคุณ
  2. คลิกบนไซต์ที่คุณต้องการอัปเกรดเวอร์ชัน PHP
  3. คลิกที่ “บริการโฮสติ้ง” > “เครื่องมือ”
  4. ไปที่ส่วนเวอร์ชัน PHP
  5. คลิกเมนูแบบเลื่อนลงเพื่อเลือกเวอร์ชันของ PHP ที่คุณต้องการ
  6. ยืนยันการเปลี่ยนแปลงเพื่อใช้เวอร์ชัน PHP กับเว็บไซต์ของคุณ

หากโฮสต์ของคุณไม่มีการอัพเกรดโดยตรง

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

  • ติดต่อฝ่ายบริการลูกค้าของผู้ให้บริการโฮสติ้งของคุณ โฮสต์ที่มีชื่อเสียงส่วนใหญ่จะช่วยเหลือคุณในการอัพเกรดเวอร์ชัน PHP ของคุณ
  • หากโฮสต์ปัจจุบันของคุณไม่รองรับ PHP เวอร์ชันใหม่กว่าหรือไม่เต็มใจที่จะช่วยคุณอัปเกรด อาจถึงเวลาที่ต้อง ย้ายไปยัง สภาพแวดล้อม โฮสติ้งที่รองรับและทันสมัยยิ่งขึ้น มองหาโฮสต์ที่รองรับเทคโนโลยีเว็บล่าสุด

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

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

กำลังตรวจสอบขีดจำกัดหน่วยความจำ PHP ของคุณ

ก่อนที่จะปรับเปลี่ยนอะไร ก็ควรที่จะรู้ว่าคุณยืนอยู่จุดใด เครื่องมือสุขภาพไซต์ของ WordPress ช่วยให้คุณดูข้อมูลได้อย่างสะดวกสบาย:

ตรวจสอบหน่วยความจำ PHP ใน WordPress

  1. ไปที่แดชบอร์ด WordPress และไปที่ “เครื่องมือ” > “สุขภาพเว็บไซต์”
  2. คลิกที่แท็บข้อมูลเพื่อเข้าถึงขุมสมบัติของรายละเอียดทางเทคนิคเกี่ยวกับเว็บไซต์ของคุณ
  3. เปิดส่วนเซิร์ฟเวอร์และค้นหารายการ "ขีดจำกัดหน่วยความจำ PHP" นี่แสดงจำนวนหน่วยความจำปัจจุบันที่การติดตั้ง WordPress ของคุณสามารถใช้ได้

หากคุณพบว่าขีดจำกัดหน่วยความจำ PHP ของคุณต่ำกว่าเกณฑ์ที่ต้องการ แสดงว่าถึงเวลาสำหรับการอัพเกรด

การเพิ่มขีดจำกัดหน่วยความจำ PHP ผ่าน FTP

วิธีที่ตรงไปตรงมาที่สุดในการเพิ่มขีดจำกัดหน่วยความจำ PHP ของคุณคือการแก้ไขไฟล์เล็กน้อยผ่าน FTP ต่อไปนี้คือวิธีที่คุณสามารถทำได้:

มุมมองไฟล์ Wp config และแก้ไขใน FTP

  1. เชื่อมต่อกับเว็บไซต์ของคุณโดยใช้ไคลเอนต์ FTP เช่น FileZilla หรือ Cyberduck คุณจะต้องมีข้อมูลรับรอง FTP หรือ SFTP ซึ่งโดยปกติแล้วโฮสต์เว็บของคุณจะจัดเตรียมให้
  2. นำทางไปยังไดเรกทอรีรากของเว็บไซต์ของคุณ ซึ่งชื่อทั่วไปคือ www, public หรือ public_html
  3. ค้นหาและแก้ไขไฟล์ wp-config.php ไฟล์สำคัญนี้มีการตั้งค่าที่สำคัญสำหรับไซต์ WordPress ของคุณ
  4. คลิกขวาที่ไฟล์แล้วเลือก "ดู/แก้ไข" เพื่อเปิดในโปรแกรมแก้ไขข้อความ
  5. ค้นหาบรรทัด `define( 'WP_MEMORY_LIMIT', 'XXXM' );` โดยที่ “XXX” คือขีดจำกัดหน่วยความจำปัจจุบันของคุณ
  6. หากไม่มีบรรทัดนี้ คุณสามารถเพิ่มไว้เหนือบรรทัดที่อ่านว่า `/* แค่นี้เอง หยุดแก้ไข! มีความสุขในการเขียนบล็อก */`. แทนที่ “XXX” ด้วย “256” เพื่อตั้งค่าขีดจำกัดเป็น 256 MB เช่น: `define( 'WP_MEMORY_LIMIT', '256M' );`
  7. บันทึกการเปลี่ยนแปลงของคุณและปิดไฟล์ ไคลเอนต์ FTP ควรแจ้งให้คุณอัปโหลดไฟล์ที่แก้ไขกลับไปยังเซิร์ฟเวอร์ ยืนยันที่จะเขียนทับ wp-config.php ที่มีอยู่

หลังจากทำการเปลี่ยนแปลงนี้แล้ว ให้กลับมาที่หน้าสุขภาพไซต์อีกครั้งเพื่อยืนยันว่า WordPress รู้จักขีดจำกัดหน่วยความจำ PHP ที่อัปเดตแล้ว

10ผู้ใช้เว็บ

หากเว็บไซต์ของคุณโฮสต์บน 10Web คุณสามารถปรับขีดจำกัดหน่วยความจำ PHP ของคุณได้จากแดชบอร์ด 10Web

การเปลี่ยนขีดจำกัดหน่วยความจำ PHP ผ่านแดชบอร์ด 10Web

  1. เข้าสู่ระบบแดชบอร์ด 10Web ของคุณ
  2. คลิกบนเว็บไซต์ที่คุณต้องการเพิ่มหน่วยความจำ PHP
  3. ไปที่ “บริการโฮสติ้ง” > “เครื่องมือ”
  4. เลื่อนลงและคลิก "การตั้งค่าขั้นสูง"
  5. คลิกเมนูแบบเลื่อนลงด้านหน้า "ขีดจำกัดหน่วยความจำ" และเลือกขีดจำกัดที่คุณต้องการ
  6. คลิก "บันทึก" เพื่อใช้การเปลี่ยนแปลง

เมื่อไม่อนุญาตให้ทำการเปลี่ยนแปลงโดยตรง

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

เปลี่ยนวิธีการตัวโหลดตัวแก้ไขของ Elementor

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

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

ต่อไปนี้เป็นวิธีเปลี่ยนวิธีโหลดเดอร์:

การสลับวิธีตัวโหลด Elementor

  1. จากแดชบอร์ด WordPress ของคุณ ให้วางเมาส์เหนือรายการเมนู Elementor และคลิกที่ "การตั้งค่า" สิ่งนี้จะนำคุณเข้าสู่ใจกลางตัวเลือกการกำหนดค่าของ Elementor
  2. ภายในหน้าต่างการตั้งค่า คุณจะพบแท็บหลายแท็บวิ่งพาดผ่านด้านบน คลิกที่ "ขั้นสูง" เลื่อนลงไปจนกว่าคุณจะพบการตั้งค่าที่มีข้อความว่า Switch Editor Loader Method
  3. ถัดจากการตั้งค่านี้ ให้คลิกเมนูแบบเลื่อนลงและเลือก "เปิดใช้งาน" สิ่งที่คุณทำอยู่ที่นี่คือการบอก Elementor ให้ลองใช้เส้นทางอื่นเมื่อโหลดโปรแกรมแก้ไข
  4. กดปุ่ม "บันทึกการเปลี่ยนแปลง" เพื่อให้แน่ใจว่าการตั้งค่าใหม่ของคุณถูกนำไปใช้

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

บางสิ่งที่ควรคำนึงถึง

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

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

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

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

เปลี่ยนไปใช้ธีม WordPress ที่เข้ากันได้กับ Elementor

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

ธีมที่เข้ากันได้กับ Elementor ช่วยให้มั่นใจได้ว่า:

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

ประสิทธิภาพที่ราบรื่น : ธีมเหล่านี้ได้รับการปรับให้เหมาะกับ Elementor ซึ่งหมายถึงความขัดแย้งน้อยลงและประสิทธิภาพที่ดีขึ้น

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

ค้นหาธีมที่เหมาะสม

เมื่อค้นหาธีมใหม่ ให้มองหาตัวบ่งชี้สำคัญบางประการเกี่ยวกับความเข้ากันได้ของ Elementor:

การกล่าวถึงอย่างชัดเจน : คำอธิบายธีมที่กล่าวถึงความเข้ากันได้กับ Elementor ถือเป็นไฟเขียวการรับทราบนี้หมายความว่านักพัฒนาได้ทดสอบธีมของตนกับ Elementor และยืนยันว่าทำงานร่วมกันได้ดี

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

เนื้อหาสาธิต : ธีมที่นำเสนอเนื้อหาสาธิตที่สร้างโดย Elementor ช่วยให้คุณเริ่มต้นและยืนยันความเข้ากันได้

การทำสวิตช์

เมื่อคุณเลือกธีมที่รับประกันความสัมพันธ์ที่กลมกลืนกับ Elementor แล้ว การเปลี่ยนธีมเป็นกระบวนการที่ไม่ซับซ้อน:

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

ส่วนธีมในผู้ดูแลระบบ WordPress

  1. ไปที่ “ลักษณะที่ปรากฏ” > “ธีม” ในแดชบอร์ด WordPress ของคุณ
  2. คลิก "เพิ่มใหม่" และค้นหาธีมที่คุณเลือกหรืออัปโหลดหากคุณดาวน์โหลดไฟล์ธีมแล้ว
  3. คลิก "ติดตั้ง" จากนั้น "เปิดใช้งาน"

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

ปิดการใช้งานส่วนขยายเบราว์เซอร์

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

การทดสอบข้อขัดแย้งของส่วนขยาย

ขั้นตอนแรกในการวินิจฉัยปัญหาที่เกี่ยวข้องกับส่วนขยายคือการดูว่าปัญหายังคงมีอยู่ในสภาพแวดล้อมเบราว์เซอร์ที่ปลอดภัยหรือไม่

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

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

การระบุส่วนขยายที่เป็นปัญหา

เมื่อคุณระบุได้ว่าส่วนขยายนั้นน่าจะเป็นสาเหตุ ก็ถึงเวลาค้นหาสาเหตุ

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

จำเป็นอย่างยิ่งที่จะต้องรีเฟรชหน้าการแก้ไข Elementor หลังจากปิดใช้งานส่วนขยายแต่ละรายการเพื่อให้แน่ใจว่าการเปลี่ยนแปลงจะมีผล

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

ปัญหาการโหลด Elementor กับ Rocket Loader ของ Cloudflare

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

ล้างหรือปิดใช้งานแคชของคุณ

ก่อนที่จะเจาะลึกการปรับเปลี่ยนทางเทคนิค สิ่งสำคัญคือต้องเริ่มต้นด้วยการล้างข้อมูลหรือปิดใช้งานแคชของคุณ ข้อมูลแคชมักจะรบกวนการอัปเดตและการเปลี่ยนแปลงที่คุณทำ รวมถึงข้อมูลที่เกี่ยวข้องกับการตั้งค่า Elementor และ Cloudflare ต่อไปนี้คือสิ่งที่ต้องทำ:

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

ปรับการตั้งค่าใน Cloudflare

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

การสร้างกฎหน้าเฉพาะ

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

โชคดีที่สิ่งนี้สามารถแก้ไขได้โดยการตั้ง ค่ากฎหน้า Cloudflare เฉพาะ สำหรับหน้าที่ใช้ Elementor กฎเหล่านี้กำหนดให้ Cloudflare หลีกเลี่ยงการเพิ่มประสิทธิภาพบางอย่าง เช่น Rocket Loader สำหรับเพจและเทมเพลตของ Elementor เพื่อให้การทำงานราบรื่น

ต่อไปนี้เป็นกฎที่คุณสามารถสร้างใน cloudflare เพื่อแก้ไขข้อผิดพลาด: หน้า Elementor:

 URL ของไซต์/*องค์ประกอบ*

เทมเพลตองค์ประกอบ:

 URL ของไซต์/?elementor_library=*

แทนที่ “siteURL” ด้วย URL เว็บไซต์จริงของคุณ

ปิดความคิด

ในบล็อกนี้ เราได้สำรวจกลยุทธ์ต่างๆ เพื่อแก้ไขข้อผิดพลาด Elementor Not Loading โดยเน้นถึงความสำคัญของความเข้ากันได้และการเพิ่มประสิทธิภาพการทำงาน ตั้งแต่การอัปเดตธีมและเวอร์ชัน PHP ไปจนถึงการปรับการตั้งค่า Cloudflare และการจัดการส่วนขยายเบราว์เซอร์ แต่ละขั้นตอนมุ่งเน้นไปที่การรับประกันประสบการณ์ Elementor ที่ราบรื่นและมีประสิทธิภาพบนเว็บไซต์ WordPress คู่มือนี้มีจุดมุ่งหมายเพื่อให้คุณได้รับโซลูชันที่ใช้งานได้จริงสำหรับความท้าทายทั่วไปของ Elementor ซึ่งช่วยให้คุณรักษาสถานะเว็บให้เหมาะสมที่สุด

เร่งการสร้างเว็บไซต์ WordPress ของคุณด้วย AI

สร้างเว็บไซต์ WordPress แบบกำหนดเองที่ปรับแต่งให้เหมาะกับความต้องการทางธุรกิจของคุณเร็วขึ้น 10 เท่าด้วย 10Web AI Website Builder

สร้างเว็บไซต์ของคุณ
ไม่ต้องใช้บัตรเครดิต