Skip to main content

Askboon

Single Page Application

Single Page Application (SPA) เป็นเว็บไซต์ที่ใช้งานผ่านคอมพิวเตอร์หรือโทรศัพท์มือถือที่ใช้วิธีการโหลดหน้าเว็บที่เกี่ยวข้องทั้งหมดมาในเครื่องของเราทีเดียว แล้วมาแสดงผลผ่านหน้า Web Browser โดยไม่ต้องวิ่งกลับไปขอข้อมูลที่ Web Server อีก ทำให้การทำงานของเว็บหรือแอพประเภทนี้ตอบสนองผู้ใช้ได้อย่างรวดเร็วไม่แพ้โปรแกรมที่ไม่ใช่เว็บ (Native Application) เลย

หลักการทำงานของ SPA

อธิบายแบบชาวบ้านก็คือ SPA จะใช้ Javascript บนหน้า Web Browser ของเราเป็นหลักในการบริหารจัดการเนื้อหาบนหน้าเว็บโดยไม่ต้องวิ่งกลับไปดึงข้อมูลจาก Web Server อีก สังเกตว่าแอพหรือเว็บไหนเป็น SPA ก็จะดูได้จากว่าเวลาคลิกลิงก์ในเว็บหรือแอพนั้นๆ ผลลัพธ์ก็จะปรากฏขึ้นแทบจะทันที ทำให้ SPA เป็นสิ่งที่น่าสนใจสำหรับการทำเว็บหรือแอพที่ต้องการการสร้าง UX ที่ดีให้กับผู้ใช้งาน

เครื่องมือในการสร้าง SPA

Javascript Framework ที่เห็นในปัจจุบันที่นิยมนำมาใช้สร้าง SPA ก็จะมี Angular, React และ Vue

เมื่อไหร่ควรจะพัฒนาเว็บหรือแอพให้เป็น SPA

  • เมื่อเว็บหรือแอพของเรามีการทำ Interactive กับผู้ใช้ค่อนข้างมาก
  • เมื่อเราต้องการ update ข้อมูลบนหน้าโปรแกรมแบบ Real-time

เมื่อไหร่ควรจะพัฒนาเว็บหรือแอพในรูปแบบปกติ

  • เมื่อเนื้อหาบนเว็บหรือแอพของเราไม่มีการเปลี่ยนแปลง หรือเปลี่ยนแปลงน้อยมาก
  • เมื่อผู้ใช้งานเราส่วนใหญ่ใช้เว็บบราวเซอร์รุ่นเก่าๆ หรือเชื่อมต่ออินเทอร์เน็ตได้ช้าหรือไม่ดี (เพราะเบื้องหลังของ SPA ต้องมีการ update ข้อมูลกับ Server อยู่ตลอดเวลา)
  • เมื่อคุณต้องการเน้นให้ทำ SEO ได้ดีมากๆ (SPA จะทำ Search Engine Optimization ได้ยากหน่อย)

ตัวอย่างของ SPA ที่คนใช้งานกันเป็นประจำ

  • Facebook
  • Pinterest
  • Linkedin
  • Airbnb
  • Twitter
  • Gmail

Ref: