Headless คืออะไร

Headless Woocommerce คืออะไร ทำไมต้องลำบากขนาดนี้ด้วย

Headless Design คือแนวคิดของการแยกส่วนจัดการข้อมูล (หลังบ้าน) ออกจากส่วนแสดงผล (หน้าบ้าน) อย่างเด็ดขาด ซึ่งส่งผลดีในหลายด้าน ทั้งความยืดหยุ่นในการพัฒนา, ประสิทธิภาพ (ความเร็วในการโหลดเพจ ที่ส่งผลโดยตรงต่อคะแนน SEO และประสบการณ์ของผู้ใช้) และความปลอดภัยที่สูงขึ้น

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

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

แล้วมันทำงานต่างกันอย่างไร?

WordPress ทั่วไป (Classic CMS)

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

เว็บไซต์ที่ใช้แนวทาง Headless

เวลาผู้ใช้ขอดูหน้าเว็บหนึ่งหน้า เพจนั้นๆ ซึ่งถูก “วาด” รอไว้เรียบร้อยแล้ว จะถูกส่งตรงจาก CDN (Content Delivery Network คือเครือข่ายเซิร์ฟเวอร์ที่กระจายอยู่ทั่วโลก ช่วยให้ส่งข้อมูลถึงผู้ใช้ได้เร็วที่สุด) ที่อยู่ใกล้ตัวผู้ใช้มากที่สุดในทันที

* กรณีในประเทศไทย ศูนย์ข้อมูลจะอยู่ที่ กรุงเทพ เชียงใหม่ สุราษฎร์ธานี (ดูรายการของศูนย์ข้อมูลทั้งหมด)

วิธีนี้เราตัดขั้นตอนการ “คิด” และประมวลผลหน้าเว็บออกไปอย่างสิ้นเชิง ลักษณะการทำงานเปรียบเสมือนการส่งไฟล์รูปภาพหรือไฟล์ PDF ที่พร้อมใช้งานได้ทันที ส่วน WordPress จะทำหน้าที่แค่รับคำสั่งจัดการตะกร้าสินค้าและการจ่ายเงินเท่านั้น ด้วยวิธีนี้ เราจึงทลายข้อจำกัดของ WordPress ทั้งในด้านความปลอดภัย, ประสิทธิภาพในการส่งเพจ และทางเลือกในการออกแบบหน้าเว็บ

ข้อดี-ข้อเสีย: WordPress แบบดั้งเดิม vs. Headless

WordPress แบบดั้งเดิม (Classic)

• ข้อดี:

  • เรียบง่าย ผู้ใช้ทั่วไปสามารถสร้างและจัดการได้ด้วยตัวเอง

• ข้อเสีย:

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

Headless WordPress

• ข้อดี:

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

• ข้อเสีย:

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

แล้วอะไรล่ะที่เราใช้แทน WordPress ในส่วนส่วนแสดงผล

เราใช้ Astro เป็นเครื่องมือที่มาแทนที่การวาดหน้าซึงเดิมถูกจัดการโดย WodPress เพื่อขยายความสามารถในการวาดเพจ และการเสริฟข้อมูล ส่งผลตรงกับคะแนน SEO

ภาพคะแนนจากเว็บไซต์ Astro