-
ปัจจุบัน เรามักได้ยิน คำว่า เว็บแบบ SPA บ่อยขึ้น แต่เชื่อว่า ยังมีอีกหลายคน ที่ยังไม่รู้ ว่ามันคืออะไร คำว่า SPA ในที่นี้ ไม่ใช่ยี่ห้อ ของสินค้า หรือ ชื่อบริการ แต่เป็นคำย่อ ที่มาจาก คำว่า Single Page Application ซึ่งเป็น เทคนิคการพัฒนาเว็บไซต์ ที่มีวิธีการทำงาน ในลักษณะ ใกล้เคียง กับ Application ที่ได้รับความนิยม เป็นอย่างมาก ในปัจจุบัน แล้วเว็บลักษณะนี้ มันต่างจากทั่วไป อย่างไร ? มีประโยชน์ยังไง ? อ่านบทความนี้จบ แล้วคุณ จะเข้าใจมากขึ้น
เว็บแบบ SPA ต่างจากเว็บทั่วไปอย่างไร ?
สำหรับเว็บไซต์ โดยทั่วไป ที่เราใช้งาน ในปัจจุบัน เวลาคลิ้กดูข้อมูล หรือ เปลี่ยน URL หน้าเว็บจะ Reload เพื่อดึงข้อมูลใหม่ มาแสดง แต่เว็บแบบ SPA ได้รับการออกแบบ ให้ลดการ Reload หน้าเว็บ โดยไม่จำเป็น ซึ่งหน้าเว็บ ลักษณะนี้ เมื่อคลิ้กดูข้อมูล จะไม่ดึงข้อมูลมาใหม่ ทั้งหน้า แต่จะใช้ JavaScript ในการดึงข้อมูล เพียงบางส่วน เพื่อนำมา Update เฉพาะบริเวณ ที่จำเป็น
จากภาพด้านบน จะเห็นว่า เว็บทั่วไป (ภาพซ้ายมือ) เมื่อดึงข้อมูล หน้า about us มาแล้ว Browser จะ Redirect ไปที่ URL ใหม่ โดยอัตโนมัติ เพื่อแสดงข้อมูล ในขณะที่ เว็บแบบ SPA (ภาพขวามือ) เมื่อดึงข้อมูล หน้า about us มาแล้ว Browser ยังจะไม่เปลี่ยนหน้า แต่แสดงข้อมูล ในหน้าเดิม ส่งผลให้เว็บแบบ SPA มี User Experience ที่ดีกว่า สามารถตอบสนอง ได้รวดเร็ว เพราะเป็นการทำงาน แบบ Client Side (ทำงานบน Browser) ที่ควบคุมการแสดงผล ด้วย JavaScript เกือบทั้งหมดเว็บแบบ SPA ดีกว่าเว็บทั่วไป อย่างไร ?
-
มี User Experience ที่ดีกว่า
-
ตอบสนองได้อย่างรวดเร็ว
-
ลดการทำงานฝั่ง Server
ตัวอย่างเว็บแบบ SPA
-
Google Mail
-
Yahoo Mail
-
Facebook
-
Google+
-
Twitter
-
Instagram
-
Pinterest
สิ่งที่คนมักเข้าใจผิด เกี่ยวกับ SPA
คำว่า SPA ย่อมาจาก Single Page Application ซึ่งหากดูจากชื่อ ทำให้หลายคน มักเข้าใจว่า มันคือเว็บไซต์ ที่มีแค่หน้าเดียว แต่ความจริงแล้ว คำว่า SPA เป็นเพียง การแบ่งประเภท ของเว็บไซต์ เท่านั้น เว็บแบบ SPA จะมีกี่หน้าก็ได้ ไม่จำกัด เพียงแต่ลักษณะ การดึงข้อมูล จะไม่ใช้การ Reload ทั้งหน้า แบบเว็บทั่วไป เท่านั้นเอง8columns กับ SPA
บริการเว็บไซต์ จาก 8columns ได้รับการพัฒนา แบบ SPA (Single Page Application) ซึ่งสังเกตุได้จาก เวลาคลิ้กดูข้อมูล หน้าเว็บจะไม่ Reload ใหม่ แต่จะใช้วิธี ดึงข้อมูล เฉพาะที่จำเป็น แล้วนำมาแสดง ผ่านหน้าต่างแบบ Popup ช่วยลดการ Reload หน้าเว็บ โดยไม่จำเป็น ส่งผลให้ ได้ User Experience ที่ดีกว่าโดยปกติ ทุกเทคโนโลยี ในโลก มักจะมี Major Change ทุก 3 ปี เทคโนโลยี การพัฒนาเว็บไซต์ ก็เช่นเดียวกัน จากเดิม ที่เวลาดูข้อมูล ก็จะต้อง Reload ข้อมูลใหม่ มาแทนของเดิม กลายมาเป็น เว็บแบบ SPA ที่มีการใช้งาน ใกล้เคียง Application มากขึ้น ซึ่งคาดกันว่า เว็บแบบ SPA น่าจะมาแทนที่ เว็บแบบเดิมๆ ในไม่ช้า โดยจะเห็นได้จาก เว็บไซต์สมัยใหม่ เริ่มพัฒนา ในแบบ SPA กันมากขึ้น ไม่ว่าจะเป็น Gmail, Yahoo, Facebook หรือ Twitter เป็นต้น ดังนั้น หากคุณ กำลังจะสร้าง หรือ Renovate เว็บไซต์ เว็บแบบ SPA ก็เป็น อีกทางเลือกนึง ที่น่าสนใจ -
