เทคโนลียีที่ใช้ในการพัฒนา
Olymed พัฒนาเว็บไซต์ด้วย HTML, CSS และ JavaScript แบบไม่พึ่งพา framework (เช่น React, Vue, Bootstrap ฯลฯ) มีข้อดีหลายประการที่เหมาะกับบางบริบทของงานพัฒนาเว็บไซต์ สรุปได้ดังนี้:
✅ ข้อดีของการไม่ใช้ Framework
- ขนาดไฟล์เล็ก – โหลดเร็ว
- ไม่มี dependency หรือไฟล์ library ขนาดใหญ่ที่ต้องโหลดเพิ่มเติม
- เหมาะกับเว็บที่ต้องการความเบา เช่น landing page, microsite หรือเว็บที่เน้น performance สูง
- ควบคุมโค้ดได้ 100%
- ไม่มี abstraction หรือการซ่อนการทำงาน ทำให้สามารถควบคุมทุกองค์ประกอบได้เอง
- เหมาะสำหรับการเรียนรู้เชิงลึกว่าทุกอย่างในเบราว์เซอร์ทำงานอย่างไร
- ลดความซับซ้อน
- ไม่ต้องเรียนรู้ syntax หรือแนวคิดเฉพาะของ framework เช่น component-based, lifecycle, routing system ฯลฯ
- เหมาะสำหรับโปรเจกต์เล็กหรือผู้เริ่มต้นเรียนรู้
- เรียนรู้พื้นฐานได้แน่น
- การเขียนแบบ native ช่วยให้เข้าใจพื้นฐานของ DOM, CSS Box Model, event handling, AJAX ฯลฯ
- เมื่อย้ายไปใช้ framework ในอนาคต จะเข้าใจสิ่งที่ framework พยายาม abstract
- ไม่มีปัญหาเรื่อง version หรือ dependency conflicts
- ไม่ต้องคอยอัปเดตแพ็กเกจ หรือแก้ปัญหา incompatibility ระหว่าง library ต่าง ๆ
- ลดความเสี่ยงจาก security vulnerability ที่แฝงมากับ dependency
- SEO และ Accessibility ทำได้ง่าย
- ไม่มี virtual DOM หรือ JavaScript-heavy rendering ที่อาจขัดขวางการทำ SEO หรือใช้กับ screen reader
- เหมาะกับเว็บที่เน้นความเรียบง่ายและต้องการ ranking ดี
- ไม่ต้องมี build tools
- เขียนเสร็จสามารถเปิดได้ทันทีบนเบราว์เซอร์โดยไม่ต้องใช้ Webpack, Vite, Babel หรือ Node.js
เหมาะกับกรณีไหนบ้าง?
- เว็บไซต์ขนาดเล็ก (Static Site)
- Landing Page หรือ Page โฆษณา
- หน้าโปรไฟล์ส่วนตัว (Portfolio)
- เว็บที่ไม่ต้องมี interaction ซับซ้อน
หากคุณกำลังสร้างเว็บที่ ไม่ซับซ้อนมาก และเน้น performance หรือ control การไม่ใช้ framework อาจเป็นทางเลือกที่ดี แต่ถ้าโปรเจกต์เริ่มเติบโต หรือมีการจัดการ state, component ซับซ้อนมากขึ้น การเลือกใช้ framework ก็อาจช่วยลดภาระในการจัดการโค้ดและเพิ่ม productivity ได้ในระยะยาว
