Responsive Web Design VS Mobile Site แบบไหนดีกว่ากัน ?

วัดกันหมัดต่อหมัดระหว่าง Responsive Web Design กับ Mobile Site ใครจะอยู่ ใครจะไป ทั้ง 2 แนวทางนี้มีทั้งข้อดีข้อด้อยแตกต่างกันอย่างไร และเหมาะกับใคร ลองมาดูกัน


Responsive Web Design	Mobile Site

Responsive Web Design กับ Mobile Site มันต่างกันอย่างไร

	เว็บไซต์เดียว แต่แสดงผลแปรผันไปตามขนาดของอุปกรณ์

	สร้างเว็บไซต์ย่อยหลายเว็บไซต์ เพื่อให้รองรับการแสดงผลในหน้าจอแต่ละขนาดที่แตกต่างกัน

Responsive Web Design กับ Mobile Site รองรับการใช้งานบน Mobile devices ไหม

	แน่นอน ถ้าไม่เขียนสคริปผิดนะ เพราะ RWD ออกแบบมาเพื่อรองรับและยืดหยุ่นกับทุก Devices อยู่แล้วนิ

	แน่นอน เพราะออกแบบมาสำหรับ Mobile devices แล้วนิ

การตอบสนองต่อหน้าจอที่ขนาดแตกต่างกัน

	ด้วยเว็บไซต์หลักเพียงเว็บเดียว ก็สามารถแสดงผลที่แตกต่างกันบน Desktop แท็ปเล็ต และมือถือ

	รองรับการแสดงผล ได้ทั้งบน Desktop แท็ปเล็ต และมือถือด้วยเช่นกัน

ในแง่ของ SEO Responsive Web Design กับ Mobile Site อะไรที่ดีกว่ากัน

	Responsive Web Design นั้นผ่าน Google mobile friendly test ได้อยู่แล้ว เพราะเว็บไซต์สามารถปรับเปลี่ยนการแสดงผลไปตามขนาดของหน้าจอ แต่อาจมีข้อด้อยอยู่นิดคือ UX หรือการแสดงผล อาจไม่ได้สวยงามหมดจดเท่ากับการออกแบบมาเพื่อ Mobile โดยเฉพาะ จึงทำให้ Google จะจัดอันดับเว็บเหล่านี้ไว้ต่ำกว่า เว็บที่มี Mobile site เล็กน้อย

	สามารถผ่าน Google mobile friendly test ได้อย่างสบายๆ เพราะ Google bot จะถูก redirect ไปยังหน้าเว็บ Mobile site ที่จัดเตรียมไว้โดยเฉพาะ ซึ่งจะทำให้การแสดงผล หรือ UX ออกมาสวยงามกว่าแบบ Responsive Web Design จึงส่งผลให้ Google จะจัดอันดับเว็บเหล่านี้ไว้เหนือกว่าเว็บที่พัฒนาแบบ Responsive Web Design

Responsive Web Design กับ Mobile Site แนวทางไหนง่ายกว่ากัน

	Responsive Web Design ค่อนข้างมีข้อจำกัดหลายเรื่องและมีความยุ่งยากในการพัฒนา เพราะการออกแบบและความเร็วในการโหลดไฟล์นั้นเป็นอุปสรรคสำคัญ ซึ่งนักพัฒนาจำเป็นต้องจัดเตรียมสคริป จัดการเรื่องขนาดของตัวอักษรและอัพโหลดรูปหลายรูปสำหรับการแสดงผลในหน้าจอขนาดต่างกันด้วย ซึ่งทั้งหมดนี้อาจทำให้เว็บไซต์มีจำนวนชุดคำสั่งที่มากกว่าปกติถึง 2 เท่า สำหรับบริษัทพัฒนาเว็บขนาดใหญ่ที่เชี่ยวชาญ สามารถแบ่งงานให้ทีมโปรแกรมเมอร์ร่วมกันพัฒนาและทดสอบเว็บไซต์บนหน้าจอหลายๆ ขนาดได้ไม่ยาก แต่สำหรับเว็บมาสเตอร์ทั่ว ๆ ไป อาจต้องเสียเวลาพัฒนาเว็บไซต์แบบ Responsive Web Design นี้นานกว่าปกติ

	อุปสรรคของแนวทางนี้คือโทรศัพท์และแท็ปเล็ตที่มีอยู่ในตลาดผู้บริโภคนั้น มันช่างมากมายและแตกต่างกันมาก จนทำให้การพัฒนา Mobile site เพียงขนาดเดียวไม่เพียงพอ แต่ปัญหาไม่ได้อยู่ที่การพัฒนาเว็บไซต์ ปัญหาที่นักพัฒนาเว็บและเจ้าของเว็บไซต์มักบ่นกัน คือ พวกเขาจะต้องดูและเว็บและอัพเดทข้อมูลอย่างน้อย 2 เว็บไซต์ ซึ่งก็ทำให้การดูแลเว็บไซต์เหล่านี้เป็นงานที่ค่อนข้างลำบาก และใช้เวลามากกว่าปกติ แต่ข้อดีคือ Mobile site นั้นจะมีการใส่ชุดโปรแกรมคำสั่งที่แยกจากเว็บไซต์หลัก และไม่ยุ่งเกี่ยวกัน ซึ่งมันไม่ได้ซับซ้อนอะไรมากนัก ดังนั้นจึงทำให้ทำงานง่ายกว่าแบบ Responsive Web Design

เรื่องการออกแบบล่ะ

	การออกแบบเว็บแบบ Responsive Web Design นั้นจำเป็นต้องคำนึงถึงองค์ประกอบ ที่จะต้องแสดงในหน้าเว็บในขนาดที่แตกต่างกัน จึงถือเป็นข้อจำกัดที่ทำให้ไม่สามารถใส่ลูกเล่นได้มากนัก

	คุณสามารถใส่ลูกเล่นต่างๆ ลงใน Mobile site ได้อย่างเต็มที่ เพียงแค่คำถึงถึงขนาดของพื้นที่ในแนวกว้างเท่านั้น แถมคุณยังสามารถเพิ่มแนวคิดแบบ Responsive Web Design เข้าไปเพื่อให้เว็บไซต์มีความยืดหยุ่นรองรับ Mobile devices ได้หลายขนาด แต่สำหรับเว็บไซต์หลัก เพื่อการแสดงผลบน Desktop นั้น คุณสามารถใส่รายละเอียด และลูกเล่นได้อย่างไม่จำกัดอีกด้วย

ด้าน UX ล่ะ อะไรที่สร้างประสบการณ์ให้แก่ผู้ใช้ได้ดีกว่ากัน

	เพราะจริงๆ แล้วโลกใบนี้ไม่ได้มี Superman ที่จะทำอะไรได้ดีเลิศไปหมดซะทุกอย่าง ด้วยข้อจำกัดด้านการออกแบบทางสถาปัตยกรรม ข้อมูลที่ต้องรองรับหน้าจอหลายๆ ขนาด และมีชุดคำสั่งที่ซับซ้อนมากมาย นั่นจึงทำให้เว็บแบบ Responsive Web Design เป็นเว็บที่แค่สอบผ่านด้าน UX แต่ไม่ได้สร้างความประทับใจเท่า Mobile site

	คงต้องยอมรับในเรื่องนี้ว่า Mobile site นั้นเป็นเว็บที่ถูกออกแบบมาสำหรับหน้าจอของมือถือ ดังนั้นมันจึงแสดงผลที่สวยงามกว่า และโหลดเร็วกว่าแบบ Responsive Web Design แน่นอน

แล้วอะไรที่เหมาะกับการแสดงผลทั้งบน Desktop และ Mobile Devices มากกว่ากัน

	Responsive Web Design นั้นถูกออกแบบมาเพื่อการนี้โดยเฉพาะ ซึ่งจะช่วยให้เว็บไซต์มีความยืดหยุ่นและแปรผันไปตามขนาดของหน้าจอที่ใช้งาน เพียงแต่คุณจะต้องคำนึงเรื่องรายละเอียด และลูกเล่นที่จะนำมาใส่ลงในเว็บ เพราะมันจะต้องรองรับการแสดงผลในหน้าจอทุก ๆ ขนาด

	Mobile site ก็เป็นอีก 1 ทางเลือกที่น่าสนใจ เพราะต้องไม่ลืมว่าจริงๆแล้วคุณมีเว็บไซต์อย่างน้อย 2 เว็บ คือ เว็บไซต์หลักที่ออกแบบสำหรับ desktop และ mobile site สำหรับมือถือ ซึ่งจะทำให้คุณนำเสนอลูกเล่นเก๋ ๆ หรือรูปภาพขนาดใหญ่ได้อย่างสนุก

Responsive Web Design กับ Mobile Site แบบไหนโหลดเร็วกว่ากัน

	เป็นธรรมดาอยู่แล้วที่ของใหญ่กว่าย่อมต้องเคลื่อนไหวช้ากว่า เพราะชุดคำสั่งของ Responsive Web Design นั้นมีความซับซ้อนมากมาย นั่นจึงเป็นสาเหตุให้เว็บไซต์แบบ Responsive Web Design นั้นโหลดช้ากว่า Mobile site

	คุณได้แยกเว็บไซต์สำหรับ Mobile devices ที่มีขนาดกะทัดรัดเหมาะสำหรับมือถือ ไฟล์ย่อมจะเล็กกะทัดรัดตามไปด้วย จึงเป็นเหตุผลให้ Mobile site สามารถดาว์นโหลดได้เร็วกว่าเว็บปกติทั่วไป เรื่องความเร็วก็เป็นอีกเรื่องที่ Google คำนึงถึงมาก ๆ ขนาดที่ทำตัวทดสอบออกมาให้ใช้กันเลยทีเดียว Google page speed insights

ยังไงถ้าใครสนใจอ่านต่อเพิ่มเติม ก็สามารถติดตามได้ตามนี้เลยครับ : http://www.tnt.co.th/en/news/1...ponsive-web-design-mobile-site

ขอบคุณทุกท่านที่สละเวลาอ่านกันนะครับ wanwan017