Beaver Builder Review: เจาะลึกปลั๊กอินตัวสร้างเพจ WordPress ยอดนิยม

เผยแพร่แล้ว: 2021-07-16
การตรวจสอบปลั๊กอินตัวสร้างบีเวอร์
ติดตาม @Cloudways

Beaver Builder จะต้องปรากฏในรายการปลั๊กอินตัวสร้างหน้า WordPress แต่ปลั๊กอินยอดนิยมนั้นคุ้มค่าหรือไม่? มันมีคุณสมบัติที่เหมาะสมสำหรับคุณหรือไม่ และมันง่ายที่จะสร้างเว็บไซต์ WordPress ที่ยอดเยี่ยมด้วยหรือไม่? คุณจะติดตั้งปลั๊กอินบน WordPress ได้อย่างไร? คุณจะได้รับคำตอบทั้งหมดในการทบทวน Beaver Builder เชิงลึกและผ่านการทดสอบอย่างละเอียด

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

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

ดังนั้นถ้านั่นคือสิ่งที่คุณกำลังมองหา มาดูรีวิว Beaver Builder ขั้นสุดยอดกันเลย!

  • Beaver Builder: ภาพรวม
  • คุณสมบัติและการควบคุมที่ทรงพลัง
  • ใช้งานง่ายและบูรณาการ
  • เทมเพลตที่ปรับแต่งได้
  • เว็บไซต์ที่ตอบสนอง
  • คุณสมบัติและประโยชน์ของตัวสร้างบีเวอร์
  • ราคาตัวสร้างบีเวอร์
  • ความต้องการของระบบสำหรับตัวสร้างบีเวอร์
  • ความเข้ากันได้ของเบราว์เซอร์
  • เวอร์ชั่น WordPress
  • รุ่น jQuery
  • วิธีการติดตั้ง Beaver Builder บนเว็บไซต์ WordPress ของคุณ?
  • ฟรี (Lite) เวอร์ชัน
  • รุ่นพรีเมี่ยม
  • การเปิดใช้งานใบอนุญาต
  • วิธีใช้ Beaver Builder (ภาคปฏิบัติ)
  • เทมเพลตที่สร้างไว้ล่วงหน้า
  • ความเข้ากันได้ของตัวสร้างบีเวอร์และประสิทธิภาพด้วย Cloudways
  • ทรัพยากรที่เราใช้:
  • การวิเคราะห์ประสิทธิภาพ GTMetrix
  • การวิเคราะห์ประสิทธิภาพ Pingdom
  • การวิเคราะห์ประสิทธิภาพ PageSpeed ​​Insight
  • ตัวสร้างบีเวอร์: ข้อดี & ข้อเสีย
  • ความไม่ลงรอยกันของ Beaver Builder
  • ความขัดแย้งของปลั๊กอิน
  • ความขัดแย้งในหัวข้อ
  • Async Javascript Plugin
  • ปลั๊กอินโรเนียว
  • Rocket Loader ของ Cloudflare
  • Cloudways รีวิวจากผู้ใช้เกี่ยวกับ Beaver Builder

Beaver Builder: ภาพรวม

ภาพรวมตัวสร้างบีเวอร์

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

คุณสมบัติและการควบคุมที่ทรงพลัง

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

ใช้งานง่ายและบูรณาการ

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

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

เทมเพลตที่ปรับแต่งได้

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

เว็บไซต์ที่ตอบสนอง

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

บนกระดาษ Beaver Builder ฟังดูน่าประทับใจ ในหัวข้อถัดไป ฉันจะแสดงวิธีการใช้งานจริง

คุณสมบัติและประโยชน์ของตัวสร้างบีเวอร์

ถึงตอนนี้ คุณมีภาพที่ชัดเจนว่า Beaver Builder นำเสนออย่างไรและทำงานอย่างไร ก่อนที่ฉันจะแสดงอินเทอร์เฟซของปลั๊กอิน เรามาสรุปคุณลักษณะคร่าวๆ ก่อน:

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

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

ราคาตัวสร้างบีเวอร์

ดังที่ฉันได้กล่าวไว้ก่อนหน้านี้ Beaver Builder มีทั้งแบบฟรีและแบบชำระเงิน อย่างไรก็ตาม หากคุณวางแผนที่จะใช้ Beaver Builder สำหรับสิ่งอื่นนอกเหนือจากโครงการส่วนตัว เช่น บล็อกงานอดิเรก คุณอาจต้องใช้เวอร์ชันพรีเมียม

ใบอนุญาต Beaver Builder Pro เริ่มต้นที่ 99 ดอลลาร์ พร้อมอัปเดตหนึ่งปีสำหรับไซต์ไม่จำกัดและส่วนลด 40% สำหรับการต่ออายุรายปี นั่นคือแผนมาตรฐาน ซึ่งเป็นตัวเลือกที่ฉันแนะนำสำหรับผู้ใช้แต่ละรายที่กำลังสร้างไซต์อีคอมเมิร์ซ ธุรกิจ หรือมืออาชีพ

มีแผนราคาแพงกว่าที่นำเสนอคุณสมบัติเพิ่มเติมเช่น:

  • WordPress รองรับหลายไซต์
  • ธีม Beaver Builder อย่างเป็นทางการ ออกแบบมาเพื่อทำงานร่วมกับปลั๊กอินอย่างราบรื่น
  • ฟังก์ชันไวท์เลเบล

หากคุณกำลังมองหาเครื่องมือสร้างเพจสำหรับโครงการเอเจนซี่ คุณควรพิจารณาแผน Beaver Builder ที่แพงกว่าแผนใดแผนหนึ่ง นอกเหนือจากสถานการณ์เหล่านั้น สิทธิ์ใช้งานแบบมาตรฐานยังมอบทุกสิ่งที่คุณต้องการ

ความต้องการของระบบสำหรับตัวสร้างบีเวอร์

ตอนนี้ มาดูข้อกำหนดของระบบสำหรับ Beaver Builder

ความเข้ากันได้ของเบราว์เซอร์

คุณสามารถใช้เบราว์เซอร์ chrome, firefox, safari และ edge สามเวอร์ชันล่าสุดได้ สำหรับผู้ใช้ Internet Explorer แนะนำให้ใช้ IE 11

เวอร์ชั่น WordPress

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

  • ปลั๊กอินตัวสร้างบีเวอร์: WordPress 4.6 ขึ้นไป | PHP 5.6.20 ขึ้นไป (แนะนำ PHP 7.x)

หมายเหตุ : WordPress เวอร์ชันตั้งแต่ 4.9.6 ต้องใช้ Beaver Builder เวอร์ชัน 2.1.1.3 ขึ้นไป

  • ธีมตัวสร้างบีเวอร์ : WordPress 4.1 ขึ้นไป | PHP 5.6.20 ขึ้นไป
  • Beaver Themer : WordPress 4.6 ขึ้นไป

รุ่น jQuery

Beaver Builder รองรับเวอร์ชัน jQuery ที่มาพร้อมกับ WordPress ไม่แนะนำให้ใช้ jQuery เวอร์ชันอื่น เนื่องจากอาจใช้งานได้ แต่อาจทำให้ไซต์ของคุณเสียหายได้

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

วิธีการติดตั้ง Beaver Builder บนเว็บไซต์ WordPress ของคุณ?

ตอนนี้ได้เวลาติดตั้ง Beaver Builder บน WordPress Beaver Builder มาพร้อมกับเวอร์ชันฟรี (lite) และเวอร์ชันพรีเมียม และติดตั้งง่าย ฉันจะแชร์ขั้นตอนการติดตั้งสำหรับทั้งสองเวอร์ชันทีละเวอร์ชัน

ฟรี (Lite) เวอร์ชัน

ไปที่ WordPress Dashboard > Plugin > Add new

WordPress Dashboard

ค้นหา Beaver Builder ในแถบค้นหาทางด้านขวา คลิกที่ปุ่มติดตั้งแล้วเปิดใช้งาน

ค้นหาตัวสร้างบีเวอร์

ตัวสร้างหน้าเวิร์ดเพรส บีเวอร์

เมื่อคุณติดตั้งและเปิดใช้งาน Beaver Builder ตัวเลือก Beaver Builder ใหม่จะปรากฏขึ้นเมื่อคุณวางเมาส์บนหน้าใดๆ หรือโพสต์ในแดชบอร์ดของคุณ

หน้าหรือโพสต์

รุ่นพรีเมี่ยม

หากคุณอัปเกรด Beaver Builder เป็นพรีเมียมหรือติดตั้งเวอร์ชันพรีเมียมโดยตรง คุณต้องทำตามขั้นตอนด้านล่าง

  • ดาวน์โหลดไฟล์ซิปของปลั๊กอิน Beaver Builder จากหน้า บัญชีของฉัน รหัสใบอนุญาตของคุณปรากฏเหนือลิงก์ไฟล์ zip บนหน้า

บัญชีของฉัน

  • ไปที่ WordPress Dashboard > Plugin > Add new แล้วคลิก อัพโหลดปลั๊กอิน

อัปโหลดปลั๊กอิน

  • คลิกที่ปุ่ม เลือกไฟล์ และหน้าต่างเบราว์เซอร์จะปรากฏขึ้น

เลือกไฟล์

  • เลือกไฟล์ zip Beaver Builder ของคุณจากระบบภายในเครื่องของคุณ หรือเพียงแค่ลากไฟล์ไปที่ด้านบนของปุ่มเรียกดู ชื่อไฟล์ zip จะปรากฏทางด้านขวาของปุ่ม เลือกไฟล์
  • คลิก ติดตั้ง ทันที

ติดตั้งในขณะนี้

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

เปิดใช้งานปลั๊กอิน

เปิดใช้งานปลั๊กอิน

การเปิดใช้งานใบอนุญาต

หลังจากติดตั้งและเปิดใช้งานปลั๊กอิน Beaver Builder ฉันจะอธิบายขั้นตอนการเปิดใช้งานใบอนุญาตให้คุณทราบ:

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

การตั้งค่าตัวสร้างบีเวอร์

ใส่รหัสใบอนุญาต

วิธีใช้ Beaver Builder (ภาคปฏิบัติ)

วิธีใช้ตัวสร้างบีเวอร์

เมื่อติดตั้งและเปิดใช้งานแล้ว ตัวเลือก Beaver Builder ใหม่จะปรากฏขึ้นเมื่อคุณวางเมาส์บนหน้าใดๆ หรือโพสต์ในแดชบอร์ดของคุณ:

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

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

ตัวแก้ไข Beaver Builder

ในตัวอย่างข้างต้น ฉันเลือกโมดูลส่วนหัว หากฉันไปแก้ไขส่วนหัวนั้นโดยคลิกที่ไอคอนเครื่องมือ ฉันจะสามารถเข้าถึงเมนูที่มีลักษณะดังนี้:

โมดูลหัวเรื่อง

แม้ว่าการตั้งค่าจะแตกต่างกันไปตามโมดูลที่คุณใช้ แต่ปลั๊กอิน Beaver Builder จะแบ่งออกเป็นสามหมวดหมู่กว้าง ๆ เสมอ:

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

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

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

หมวดหมู่ปลั๊กอินตัวสร้างบีเวอร์

แม้ว่าฉันจะใช้เครื่องมือสร้างเพจ WordPress มาหลายตัว แต่ Beaver Builder มีช่วงการเรียนรู้ที่ง่ายที่สุด ที่ที่ผู้สร้างเพจรายอื่นโยนการตั้งค่ามากมายให้คุณตั้งแต่เริ่มต้น ด้วย Beaver Builder คุณสามารถเข้าใจวิธีการทำงานของแต่ละโมดูลและสิ่งที่คุณสามารถทำได้

เท่าที่การเลือกโมดูลดำเนินไป Beaver Builder มี 33 องค์ประกอบ คุณมีคุณสมบัติพื้นฐาน เช่น เมนู แบบฟอร์มติดต่อ รูปภาพ ย่อหน้า หัวเรื่อง และอื่นๆ

Beaver Builder ประกอบด้วย 33 องค์ประกอบ

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

ตารางราคา

การปรับแต่งหน้าที่มีอยู่โดยใช้ Beaver Builder นั้นง่าย แต่การสร้างหน้าตั้งแต่เริ่มต้นนั้นค่อนข้างตรงไปตรงมา คุณสามารถแบ่งกระบวนการออกเป็นขั้นตอนง่ายๆ ไม่กี่ขั้นตอน:

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

นั่นเป็นการทำให้เข้าใจง่ายเกินไปใช่ อย่างไรก็ตาม กระบวนการทั้งหมดให้ความรู้สึกเป็นธรรมชาติแม้กับคนที่ใช้ Beaver Builder เป็นครั้งแรก

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

เทมเพลตที่สร้างไว้ล่วงหน้า

ดังที่ฉันได้กล่าวไว้ก่อนหน้านี้ Beaver Builder ให้คุณเริ่มต้นด้วยผืนผ้าใบเปล่าหรือเทมเพลตเพื่อสร้างเพจของคุณ มาพร้อมเทมเพลตหน้า Landing Page มากกว่า 30 แบบและเทมเพลตอื่นๆ อีกมากสำหรับหน้าเนื้อหาประเภทต่างๆ และแถวที่สร้างไว้ล่วงหน้ามากกว่า 100 แถว:

เทมเพลตที่สร้างไว้ล่วงหน้า

แม้ว่าการเลือกเทมเพลตจะกว้างกว่านั้น แต่ Beaver Build มีการออกแบบที่ทันสมัยและจะไม่ดูแปลกไปจากที่ใดในเว็บไซต์ใดๆ คุณมีตัวเลือกที่มีส่วนฮีโร่ตัวใหญ่ พื้นหลังเคลื่อนไหว กลุ่มไอคอน ส่วนคำรับรอง ตารางราคา และอื่นๆ

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

เนื้อหาเทมเพลต

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

ความเข้ากันได้ของตัวสร้างบีเวอร์และประสิทธิภาพด้วย Cloudways

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

ฉันจะใช้เครื่องมือทดสอบความเร็วที่สำคัญและแสดงให้คุณเห็นว่า Beaver Builder เข้ากันได้กับแพลตฟอร์ม Cloudways มากน้อยเพียงใด

ทรัพยากรที่เราใช้:

การกำหนดค่าเซิร์ฟเวอร์ Cloudways

ชื่อ ข้อมูลจำเพาะ
เซิร์ฟเวอร์ Cloudways Vultr – ความถี่สูง
ที่ตั้งดาต้าเซ็นเตอร์ ซีแอตเทิล
แกะ 2GB
ดิสก์ SSD 64GB
การถ่ายโอนแบนด์วิดธ์ 2TB
โปรเซสเซอร์ 1 คอร์
ระบบปฏิบัติการ: เดเบียน 9
NGINX 1.19
วานิช 6.0.7
Apache 2.4.25
ฐานข้อมูล MariaDB 10.1
PHP 7.3

การกำหนดค่าแอปพลิเคชัน

ชื่อ ข้อมูลจำเพาะ
เวอร์ชั่น WordPress 5.7.2
CDN CloudwaysCDN
SSL มาเข้ารหัสกันเถอะ
ธีม ธีมตัวสร้างบีเวอร์

ปลั๊กอินที่ติดตั้งแล้ว

ชื่อปลั๊กอิน เวอร์ชั่น
สายลม เวอร์ชัน 1.2.2
การป้องกันบอท Cloudways เวอร์ชัน 4.63

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

การวิเคราะห์ประสิทธิภาพ GTMetrix

URL: https://gtmetrix.com/reports/wordpress-626127-2033661.cloudwaysapps.com/9Y3cXpvz/
GTmetrix

  • ประสิทธิภาพ : 100%
  • โครงสร้าง : 93%
  • LCP : 539ms
  • TBT : 0ms
  • CLS : 0.03

การวิเคราะห์ประสิทธิภาพ Pingdom

URL: https://tools.pingdom.com/#5ea5673c8fc00000

การวิเคราะห์ประสิทธิภาพ Pingdom

  • เกรดประสิทธิภาพ : 88
  • ขนาดหน้า : 2.0 MB
  • เวลาในการโหลด : 365ms
  • คำขอ: 49

การวิเคราะห์ประสิทธิภาพ PageSpeed ​​Insight

การวิเคราะห์ประสิทธิภาพ PageSpeed

เกรดโดยรวม : 91
FCP : 0.8s
ดัชนีความเร็ว: 1.5s
LCP : 1.8 วินาที
TTI : 0.8s
TBT : 0ms
CLS : 0.028

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

ตัวสร้างบีเวอร์: ข้อดี & ข้อเสีย

ฉันได้อ่านทุกสิ่งที่ Beaver Builder นำเสนอ ทั้งฟีเจอร์ วิธีการทำงาน และค่าใช้จ่าย ด้วยเหตุนี้ เรามาสรุปข้อดีและข้อเสียของปลั๊กอินตัวสร้างหน้านี้โดยย่อกัน

ข้อดี:

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

จุดด้อย:

แต่ในขณะที่ Beaver Builder นั้นน่าทึ่ง แต่ก็ไม่ได้ไร้ข้อบกพร่อง ตัวอย่างเช่น เทมเพลตที่รวมอยู่นั้นได้รับการออกแบบมาอย่างดี แต่การเลือกอาจกว้างกว่านั้นมาก เมื่อพิจารณาว่าผู้มาใหม่ WordPress หลายคนอาจพึ่งพาสิ่งเหล่านี้เพื่อสร้างเว็บไซต์ของตน

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

ความไม่ลงรอยกันของ Beaver Builder

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

มาดูความไม่ลงรอยกันที่สำคัญบางอย่างของ Beaver Builder

  1. ความขัดแย้งของปลั๊กอิน

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

2. ความขัดแย้งในหัวข้อ
ธีมยังสามารถทำให้เกิดปัญหากับปลั๊กอิน WordPress ของ Beaver Builder ปัญหาที่เกิดขึ้นเนื่องจากหัวข้อคืออะไร และเราจะระบุได้อย่างไร

ลองดูประเด็นด้านล่างเพื่อความเข้าใจที่ดีขึ้น:

  • หน้าค้างระหว่างการแก้ไขหรือเมื่อบันทึกหน้าที่แก้ไข
  • ผู้ใช้ไม่สามารถแก้ไขเพจใน Beaver Builder
  • แถบแก้ไข Beaver Builder ไม่ปรากฏที่ด้านบนของหน้า
  • กล่องการตั้งค่าโมดูลไม่ปรากฏในตัวแก้ไข

ไปที่ แดชบอร์ด WordPress > ลักษณะที่ปรากฏ > ธีม และเปลี่ยนธีมที่ใช้งานอยู่เป็นธีมมาตรฐานของ WordPress เช่น ยี่สิบยี่สิบ

3. Async Javascript Plugin

ปลั๊กอิน Async Javascript อาจขัดแย้งและทำให้เกิดปัญหา เว้นแต่คุณจะกำหนดการตั้งค่าด้านล่าง

  • ยกเว้น jQuery
  • wp-includes/js ถูกเพิ่มลงในฟิลด์ Async Javascript > Settings > Scripts Exclusion

4. ปลั๊กอินโรเนียว

ไม่แนะนำให้ใช้ปลั๊กอินตัวทำสำเนาเพื่อโคลนหน้าและบันทึกเค้าโครง คุณอาจพบว่ามันใช้งานได้ แต่เมื่อคุณแก้ไขเค้าโครง Beaver Builder บนหน้าใหม่ มันทำให้เกิดปัญหา แทนที่จะทำเช่นนี้ คุณสามารถใช้ Duplicator Layout จากเมนู Beaver Builder Tools

5. Rocket Loader ของ Cloudflare

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

Cloudways รีวิวจากผู้ใช้เกี่ยวกับ Beaver Builder

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

ความคิดเห็นของลูกค้า

ข้อเสนอแนะ

เดวิด อาร์

Scott Davidson

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

ความคิดสุดท้ายเกี่ยวกับตัวสร้างบีเวอร์

หลังจากทดสอบปลั๊กอิน Beaver Builder WordPress อย่างละเอียดแล้ว ฉันสามารถพูดได้อย่างมั่นใจว่าเป็นหนึ่งในโซลูชั่นที่ดีที่สุดในการเริ่มต้นสร้างเว็บไซต์ WordPress ที่ยอดเยี่ยม

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

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

คุณคิดอย่างไรเกี่ยวกับ Beaver Builder หลังจากอ่านบทวิจารณ์นี้ หากมีจุดใดที่เราอาจพลาดไป โปรดแจ้งให้เราทราบ แล้วฉันจะอัปเดตการตรวจสอบนี้

ถาม Beaver Builder ฟรีหรือไม่

ใช่. เวอร์ชันพื้นฐานของ Beaver Builder นั้นฟรี แต่คุณสามารถอัปเกรดเป็นเวอร์ชัน Beaver Builder Pro เพื่อรับคุณสมบัติและตัวเลือกเพิ่มเติม

ถาม Beaver Builder ดีสำหรับ SEO หรือไม่

Beaver Builder ใช้มาตรฐาน SEO ที่ดีที่สุด เช่น การบีบอัดโค้ดและ schema.org เพื่อให้แน่ใจว่าหน้าที่คุณสร้างจะค้นหาได้ง่ายในเครื่องมือค้นหา

ถาม ธีม Beaver Builder คืออะไร?

Beaver Builder Theme เป็นเฟรมเวิร์กที่ปรับเปลี่ยนได้สำหรับโครงการ WordPress ของคุณ

ถาม ธีมใดทำงานได้ดีที่สุดกับ Beaver Builder

Beaver Builder ทำงานได้ดีที่สุดกับธีมส่วนใหญ่