WordPress กับ 11ty: ไหนดีกว่ากัน?
เผยแพร่แล้ว: 2021-01-16หากคุณติดอยู่ในการอภิปราย WordPress กับ 11ty คุณไม่ได้อยู่คนเดียว ความนิยมที่เพิ่มขึ้นของไซต์แบบคงที่นั้นท้าทายการครอบงำของ WordPress ในตลาดการพัฒนาเว็บไซต์และผู้ดูแลเว็บก็สังเกตเห็น
Eleventy หรือ 11ty เป็นเครื่องสร้างไซต์แบบคงที่เช่นเดียวกับ Gatsby และ Jekyll แต่ไม่เหมือน Jekyll ที่ทำงานบน Ruby 11ty ทำงานบน Node.js ซึ่งเป็นเอ็นจิ้น JavaScript และแตกต่างจาก Gatsby ที่มีความซับซ้อน 11ty ทำให้มันเรียบง่าย
11ty ทำให้การสร้างไซต์ JAMstack ทำได้ง่ายที่สุด และมีข้อดีเพียงพอที่จะทำให้ผู้ดูแลระบบ WordPress คนใดก็ได้ต้องการเปลี่ยน
อย่างไรก็ตาม คำถามยังคงอยู่หากการเปลี่ยนไปใช้ 11ty จะคุ้มค่า โดยเฉพาะอย่างยิ่งเมื่อคุณต้องการเพียงบล็อกง่ายๆ โพสต์นี้เปรียบเทียบทั้งสองแพลตฟอร์มเพื่อช่วยคุณตัดสินใจ
สารบัญ
ตารางเปรียบเทียบ WordPress กับ 11ty
WordPress | 11ty | |
---|---|---|
เทคโนโลยีพื้นฐาน: | PHP, MySQL | Node.js |
ประเภทของเพจที่สร้าง: | พลวัต | คงที่ |
ความเร็วเพจ & SEO: | เฉลี่ย | ดีที่สุด |
ตัวเลือกการปรับแต่ง: | ดีที่สุด | เฉลี่ย |
ข้อกังวลด้านความปลอดภัยและความสามารถในการแฮ็ก: | เฉลี่ย | ดีที่สุด |
ค่าใช้จ่ายในการทำงาน: | ต่ำ | ต่ำกว่า |
ส่วนต่อประสานผู้ใช้และเทมเพลต: | ดีกว่า | เฉลี่ย |
ตัวเลือก CMS: | WYSIWYG | ข้อความธรรมดา |
เทคโนโลยีพื้นฐาน
ย้อนกลับไปในทศวรรษ 1980 และ 90 เว็บไซต์ส่วนใหญ่เป็นแบบคงที่ แต่มีการเขียนสคริปต์ฝั่งเซิร์ฟเวอร์โดยใช้ PHP และเครื่องมืออื่น ๆ และเว็บไซต์แบบไดนามิกก็ถือกำเนิดขึ้น สิ่งนี้ทำให้เกิดแพลตฟอร์มเช่น Drupal และ WordPress และประสิทธิภาพการทำงานที่เพิ่มขึ้น
แต่วันนี้ สิ่งต่างๆ กำลังเปลี่ยนไป เนื่องจากไซต์ต่างๆ กำลังโยกย้ายไปยัง JAMstack (JavaScrip, APIs และ Markup stack) สภาพแวดล้อมใหม่เหล่านี้มักใช้ระบบคลาวด์และไม่มีเซิร์ฟเวอร์ สิ่งที่คุณต้องมีคือเซิร์ฟเวอร์ HTML แบบธรรมดาเพื่อส่งหน้าคงที่ของไซต์ของคุณไปยังผู้เยี่ยมชม
ดังนั้น แม้ว่าคุณจะต้องใช้เซิร์ฟเวอร์ PHP และ MySQL ด้วยเซิร์ฟเวอร์ HTTP เช่น Apache เพื่อเรียกใช้การติดตั้ง WordPress สิ่งที่คุณต้องมีในการเรียกใช้ไซต์ 11ty ก็คือเซิร์ฟเวอร์ HTML
แน่นอน คุณจะต้องใช้ตัวสร้างไซต์ 11ty รวมถึงเอ็นจิ้น Node.js ที่ใช้งานได้ แต่นั่นควรอยู่ในเครื่องพัฒนาหรือแล็ปท็อปของคุณ ไม่ได้เป็นส่วนหนึ่งของสภาพแวดล้อมเซิร์ฟเวอร์
ประเภทของเพจที่สร้าง
WordPress สร้างหน้าแบบไดนามิกในขณะที่ 11ty สร้างหน้าคงที่ ด้วยหน้าแบบไดนามิก ข้อมูลที่มีอยู่ทั้งหมดเกี่ยวกับคำขอเว็บเฉพาะจะถูกดึงออกจากฐานข้อมูล ประมวลผล และส่งไปยังผู้ขอ ซึ่งเป็นเว็บเบราว์เซอร์ของผู้เยี่ยมชมเว็บไซต์
11ty สร้างหน้าคงที่ แสดงผลล่วงหน้าและจัดเก็บไว้ในโฟลเดอร์ที่เข้าถึงได้แบบสาธารณะบนเว็บไซต์ วิธีนี้ทำให้หน้าง่ายต่อการแสดงต่อผู้ขอ แต่ยังทำให้หน้าทั้งหมดคล้ายคลึงกัน ดังนั้นจึงไม่มีการปรับแต่งใดๆ ให้เหมือนกับไดนามิกเพจ

ตัวอย่างเช่น โพสต์ในบล็อกส่วนใหญ่เป็นเนื้อหาแบบคงที่เนื่องจากถูกเขียนขึ้นเพียงครั้งเดียวและผู้อ่านทุกคนสามารถดูได้ ความคิดเห็นในโพสต์และการตอบกลับเป็นแบบไดนามิก คุณจะต้องใช้บริการภายนอกเช่น Disqus เพื่อให้ได้คุณลักษณะความคิดเห็นของ WordPress แบบเดียวกันบนไซต์แบบคงที่
ความเร็วเพจ & SEO
ไม่ต้องสงสัยเลยว่า 11ty เป็นผู้ชนะเพราะไซต์สแตติกโหลดได้เร็วกว่าแพลตฟอร์มไดนามิกเช่น WordPress ไม่มีการคำนวณให้คำนวณ ไม่มีฐานข้อมูลให้สืบค้น และไม่ต้องจัดรูปแบบ
ทุกหน้าบนเว็บไซต์คงที่พร้อมที่จะให้บริการ นี่เป็นสิ่งสำคัญอย่างยิ่งเนื่องจากความเร็วในการโหลดหน้าเว็บเป็นตัวชี้วัด SEO ที่สำคัญและปัจจัยการจัดอันดับ
ตัวเลือกการปรับแต่ง
WordPress อยู่ในอันดับที่ดีกว่า 11ty เมื่อพูดถึงการปรับแต่ง เนื่องจากมีชุมชนขนาดใหญ่และเจริญรุ่งเรือง ซึ่งได้จัดเตรียมปลั๊กอินทั้งหมดที่คุณต้องการ
นอกจากนี้ ปลั๊กอินเหล่านี้ยังใช้งานง่ายกว่าสิ่งที่คุณจะได้รับจากตัวสร้างไซต์แบบคงที่ เช่น 11ty เพียงชี้และคลิก เนื่องจากการกำหนดค่าส่วนใหญ่เป็นแบบใช้เมาส์ ความหรูหราที่คุณไม่สามารถทำได้ด้วย 11ty
หากคุณมีความรู้ด้านเทคนิค หรือถ้าคุณสามารถจ้างผู้เชี่ยวชาญ 11 คนได้ ก็ไม่มีข้อจำกัดในสิ่งที่คุณสามารถสร้างด้วยแพลตฟอร์มได้
ข้อกังวลด้านความปลอดภัยและความสามารถในการแฮ็ก
ไซต์ WordPress ได้รับการโจมตีแบบเดรัจฉานและการโจมตีอื่น ๆ ทุกวันอย่างน่าอัศจรรย์ เหตุผลง่ายๆ ก็คือมีเซิร์ฟเวอร์อยู่อีกด้านหนึ่ง ซึ่งกำลังรับและประมวลผลคำสั่งทางเว็บ
ด้วยเว็บไซต์แบบคงที่ล้วนๆ จึงไม่มีเซิร์ฟเวอร์ให้ประมวลผลคำสั่งการเข้าสู่ระบบ ดังนั้นจึงไม่มีทางที่แฮ็กเกอร์ที่เป็นอันตรายจะสามารถเข้าถึงระบบในทางทฤษฎีได้ แท้จริงแล้วไม่มีระบบใดที่จะเข้าถึงได้
แน่นอนว่าจะมีความเสี่ยงอยู่บ้างเมื่อคุณใช้งานเว็บไซต์บนอินเทอร์เน็ต อย่างไรก็ตาม เว็บไซต์มาตรฐานของ Eleventy นั้นมีความปลอดภัยสำหรับแฮ็กเกอร์มากกว่าเว็บไซต์ WordPress มาตรฐานถึงพันเท่า
ค่าใช้จ่ายในการจัดการงาน
เว็บไซต์แบบไดนามิกสามารถใช้ทรัพยากรจำนวนมากได้หากคุณมีการเข้าชมเว็บจำนวนมาก ปลั๊กอิน WordPress จำนวนมาก เช่น WP-Rocket และ W3 Total Cache พยายามแก้ปัญหานี้ด้วยการแคชเอาต์พุตของเซิร์ฟเวอร์
การแคชหมายถึงการจัดเก็บเวอร์ชันสแตติกของหน้าที่ร้องขอบ่อย ๆ และให้บริการในบางครั้งโดยไม่ต้องดำเนินการกับ PHP หรือ MySQL ซึ่งช่วยลดเวลาในการโหลดเพจและค่าใช้จ่ายในการทำงานของเซิร์ฟเวอร์โดยรวม
อย่างไรก็ตาม ด้วยเว็บไซต์แบบคงที่ คุณจะได้รับประสิทธิภาพที่ดียิ่งกว่าหน้าแคช WordPress
ส่วนต่อประสานผู้ใช้และเทมเพลต
ชุมชน WordPress นำเสนอธีมและปลั๊กอินที่แทบจะไม่มีที่สิ้นสุด ตั้งแต่แบบฟรีไปจนถึงแบบพรีเมียม ทำให้ง่ายต่อการสร้างเว็บไซต์ที่ดูดีและใช้งานได้ในเวลาไม่นาน
ในทางกลับกัน 11ty เสนอวิธีการปรับแต่งที่ยืดหยุ่นมาก คุณสามารถใช้ Markdown, HTML, JavaScript, Liquid, Haml, Mustache หรือ Nunjucks ในการพัฒนาเทมเพลตของคุณ หรือคุณสามารถใช้ทั้งหมดรวมกันในไฟล์เดียว
นี่เป็นแนวทางที่ทรงพลังมากและมีศักยภาพมากมายในอนาคต แต่ในขณะนี้ เทมเพลตหรือธีมที่ออกแบบไว้ล่วงหน้ายังไม่เพียงพอสำหรับแข่งขันกับ WordPress
ตัวเลือก CMS
WordPress ยังเอาชนะ 11ty เมื่อพูดถึงการจัดการเนื้อหาเว็บไซต์ เช่นเดียวกับเครื่องมือสร้างไซต์แบบสแตติกส่วนใหญ่ 11ty เก็บเนื้อหาดิบของแต่ละหน้าเป็นข้อความธรรมดาในไดเร็กทอรีที่กำหนด จากตำแหน่งที่บิลด์สุดท้ายเกิดขึ้น
ซึ่งอาจอยู่ในเครื่องของคุณหรือบนเว็บ เช่น GitHub ผู้สร้างเนื้อหายังต้องการความรู้เกี่ยวกับ Markdown, Liquid หรือภาษาเทมเพลตอื่น ๆ เพื่อสร้างโพสต์บล็อกที่มีรูปแบบที่ดีเป็นต้น ดังนั้น เมื่อเทียบกับ WordPress ที่มีตัวแก้ไขแบบ WYSIWYG แล้ว 11ty นั้นใช้งานง่ายน้อยกว่า
บทสรุป
เรามาถึงจุดสิ้นสุดของการเปรียบเทียบ WordPress กับ 11ty แล้ว และอย่างที่คุณเห็น นี่คือเครื่องมือสองอย่างที่แตกต่างกันสำหรับคนประเภทต่างๆ
WordPress เหมาะสำหรับทุกคน รวมถึงผู้เขียนโค้ดและผู้ที่ไม่ใช่ผู้เขียนโค้ด ในขณะที่ 11ty นั้นมีไว้สำหรับผู้เข้ารหัสหรือนักพัฒนา JavaScript อย่างน้อยที่สุด
คุณสามารถสร้างเว็บไซต์ได้เกือบทุกประเภทด้วยสองแพลตฟอร์ม แต่ WordPress นั้นดีกว่าสำหรับบล็อกธรรมดาและไซต์ทั่วไปที่มีการลงทุนขั้นต่ำ ในขณะที่ 11ty นั้นดีกว่าสำหรับไซต์ที่ปรับให้เหมาะสมที่สุดกับนักพัฒนาที่ทุ่มเท